{"id":1388,"date":"2024-09-05T13:53:09","date_gmt":"2024-09-05T10:53:09","guid":{"rendered":"https:\/\/sisu.ut.ee\/stiiliraamat\/combining-the-colours-of-the-entrepreneurship-topic\/"},"modified":"2024-09-05T13:53:09","modified_gmt":"2024-09-05T10:53:09","slug":"colour-codes-2","status":"publish","type":"page","link":"https:\/\/stiiliraamat.ut.ee\/en\/colour-codes-2\/","title":{"rendered":"Colour Codes"},"content":{"rendered":"<h2 class=\"wp-block-heading\"><mark class=\"has-inline-color has-primary-color\">Colour Codes<\/mark><\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p style=\"font-style:normal;font-weight:400\">Copy colour codes from here.<\/p>\n\n\n\n\n\n\n    \n    \n    <title>Color Palette<\/title>\n    \n    \n        body {\n            font-family: \u2018Roboto\u2019, sans-serif;\n            background-color: #f8f9fa; \/* Light grey background *\/\n            \n            padding: 20px;\n            line-height: 1.6;\n        }\n        .container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); \/* Responsive grid *\/\n            gap: 20px;\n            justify-content: center;\n        }\n        .color-group {\n            background: #fff;\n            border-radius: 8px;\n            padding: 15px;\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); \/* Subtle shadow *\/\n        }\n        .color-title {\n            font-weight: 500; \/* Slightly bolder title *\/\n            margin-bottom: 10px;\n            color: #333;\n        }\n        .color-block {\n            background-color: #eee; \/* Default background for the color preview *\/\n            border-radius: 5px;\n            margin-bottom: 10px;\n            padding: 15px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            cursor: pointer;\n            transition: transform 0.1s ease-in-out;\n        }\n        .color-block:hover {\n            transform: scale(1.02);\n        }\n        .color-preview {\n            width: 100%;\n            height: 60px;\n            border-radius: 5px;\n            margin-bottom: 10px;\n            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);\n        }\n        .color-code {\n            font-size: 0.9em;\n            color: #555;\n            margin-bottom: 5px;\n        }\n        .color-code.hex {\n            font-weight: bold;\n            color: #333;\n        }\n        .copy-feedback {\n            position: fixed;\n            top: 20px;\n            left: 50%;\n            transform: translateX(-50%);\n            background-color: rgba(0, 0, 0, 0.8);\n            color: white;\n            padding: 10px 20px;\n            border-radius: 5px;\n            opacity: 0;\n            transition: opacity 0.3s ease-in-out;\n            z-index: 1000;\n        }\n        .copy-feedback.show {\n            opacity: 1;\n        }\n    \n\n\n    <div class=\"copy-feedback\" id=\"copyFeedback\">Copied!<\/div>\n    <div class=\"container\">\n        <div class=\"color-group\">\n            <div class=\"color-title\">Primary Colors<\/div>\n            <div class=\"color-block\" data-codes=\"#FFFFFF\\nRGB 255\/255\/255\\nCMYK 0\/0\/0\/0\">\n                <div class=\"color-preview\" style=\"background-color: #FFFFFF\"><\/div>\n                <div class=\"color-code hex\">#FFFFFF<\/div>\n                <div class=\"color-code\">RGB 255\/255\/255<\/div>\n                <div class=\"color-code\">CMYK 0\/0\/0\/0<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#2C5697\\nRGB 44\/86\/151\\nCMYK 71\/43\/0\/41\">\n                <div class=\"color-preview\" style=\"background-color: #2C5697\"><\/div>\n                <div class=\"color-code hex\">#2C5697<\/div>\n                <div class=\"color-code\">RGB 44\/86\/151<\/div>\n                <div class=\"color-code\">CMYK 71\/43\/0\/41<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#96C8E6\\nRGB 150\/200\/230\\nCMYK 35\/13\/0\/10\">\n                <div class=\"color-preview\" style=\"background-color: #96C8E6\"><\/div>\n                <div class=\"color-code hex\">#96C8E6<\/div>\n                <div class=\"color-code\">RGB 150\/200\/230<\/div>\n                <div class=\"color-code\">CMYK 35\/13\/0\/10<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#517DB9\\nRGB 81\/125\/185\\nCMYK 56\/32\/0\/27\">\n                <div class=\"color-preview\" style=\"background-color: #517DB9\"><\/div>\n                <div class=\"color-code hex\">#517DB9<\/div>\n                <div class=\"color-code\">RGB 81\/125\/185<\/div>\n                <div class=\"color-code\">CMYK 56\/32\/0\/27<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#1B365D\\nRGB 27\/54\/93\\nCMYK 71\/42\/0\/64\">\n                <div class=\"color-preview\" style=\"background-color: #1B365D\"><\/div>\n                <div class=\"color-code hex\">#1B365D<\/div>\n                <div class=\"color-code\">RGB 27\/54\/93<\/div>\n                <div class=\"color-code\">CMYK 71\/42\/0\/64<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"color-group\">\n            <div class=\"color-title\">Accent Colors<\/div>\n            <div class=\"color-block\" data-codes=\"#FF5725\\nRGB 255\/87\/37\\nCMYK 0\/66\/85\/0\">\n                <div class=\"color-preview\" style=\"background-color: #FF5725\"><\/div>\n                <div class=\"color-code hex\">#FF5725<\/div>\n                <div class=\"color-code\">RGB 255\/87\/37<\/div>\n                <div class=\"color-code\">CMYK 0\/66\/85\/0<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#78439E\\nRGB 120\/67\/158\\nCMYK 24\/58\/0\/38\">\n                <div class=\"color-preview\" style=\"background-color: #78439E\"><\/div>\n                <div class=\"color-code hex\">#78439E<\/div>\n                <div class=\"color-code\">RGB 120\/67\/158<\/div>\n                <div class=\"color-code\">CMYK 24\/58\/0\/38<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"color-group\">\n            <div class=\"color-title\">Grey Tones<\/div>\n            <div class=\"color-block\" data-codes=\"#333333\\nRGB 51\/51\/51\\nCMYK 0\/0\/0\/80\">\n                <div class=\"color-preview\" style=\"background-color: #333333\"><\/div>\n                <div class=\"color-code hex\">#333333<\/div>\n                <div class=\"color-code\">RGB 51\/51\/51<\/div>\n                <div class=\"color-code\">CMYK 0\/0\/0\/80<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#666666\\nRGB 102\/102\/102\\nCMYK 0\/0\/0\/60\">\n                <div class=\"color-preview\" style=\"background-color: #666666\"><\/div>\n                <div class=\"color-code hex\">#666666<\/div>\n                <div class=\"color-code\">RGB 102\/102\/102<\/div>\n                <div class=\"color-code\">CMYK 0\/0\/0\/60<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#CCCCCC\\nRGB 204\/204\/204\\nCMYK 0\/0\/0\/20\">\n                <div class=\"color-preview\" style=\"background-color: #CCCCCC\"><\/div>\n                <div class=\"color-code hex\">#CCCCCC<\/div>\n                <div class=\"color-code\">RGB 204\/204\/204<\/div>\n                <div class=\"color-code\">CMYK 0\/0\/0\/20<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"color-group\">\n            <div class=\"color-title\">Faculty of Arts and Humanities<\/div>\n            <div class=\"color-block\" data-codes=\"#4F3D54\\nRGB 79\/61\/84\\nCMYK 6\/27\/0\/67\">\n                <div class=\"color-preview\" style=\"background-color: #4F3D54\"><\/div>\n                <div class=\"color-code hex\">#4F3D54<\/div>\n                <div class=\"color-code\">RGB 79\/61\/84<\/div>\n                <div class=\"color-code\">CMYK 6\/27\/0\/67<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#AB8CB2\\nRGB 171\/140\/178\\nCMYK 4\/21\/0\/30\">\n                <div class=\"color-preview\" style=\"background-color: #AB8CB2\"><\/div>\n                <div class=\"color-code hex\">#AB8CB2<\/div>\n                <div class=\"color-code\">RGB 171\/140\/178<\/div>\n                <div class=\"color-code\">CMYK 4\/21\/0\/30<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#D4BAD9\\nRGB 212\/186\/217\\nCMYK 2\/14\/0\/15\">\n                <div class=\"color-preview\" style=\"background-color: #D4BAD9\"><\/div>\n                <div class=\"color-code hex\">#D4BAD9<\/div>\n                <div class=\"color-code\">RGB 212\/186\/217<\/div>\n                <div class=\"color-code\">CMYK 2\/14\/0\/15<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"color-group\">\n            <div class=\"color-title\">Faculty of Social Studies<\/div>\n            <div class=\"color-block\" data-codes=\"#6F5D58\\nRGB 111\/93\/88\\nCMYK 0\/16\/21\/56\">\n                <div class=\"color-preview\" style=\"background-color: #6F5D58\"><\/div>\n                <div class=\"color-code hex\">#6F5D58<\/div>\n                <div class=\"color-code\">RGB 111\/93\/88<\/div>\n                <div class=\"color-code\">CMYK 0\/16\/21\/56<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#FBA919\\nRGB 251\/169\/25\\nCMYK 0\/33\/90\/2\">\n                <div class=\"color-preview\" style=\"background-color: #FBA919\"><\/div>\n                <div class=\"color-code hex\">#FBA919<\/div>\n                <div class=\"color-code\">RGB 251\/169\/25<\/div>\n                <div class=\"color-code\">CMYK 0\/33\/90\/2<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#EDD488\\nRGB 237\/212\/136\\nCMYK 0\/11\/43\/7\">\n                <div class=\"color-preview\" style=\"background-color: #EDD488\"><\/div>\n                <div class=\"color-code hex\">#EDD488<\/div>\n                <div class=\"color-code\">RGB 237\/212\/136<\/div>\n                <div class=\"color-code\">CMYK 0\/11\/43\/7<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"color-group\">\n            <div class=\"color-title\">Faculty of Medicine<\/div>\n            <div class=\"color-block\" data-codes=\"#6B1F2E\\nRGB 107\/31\/46\\nCMYK 0\/71\/57\/58\">\n                <div class=\"color-preview\" style=\"background-color: #6B1F2E\"><\/div>\n                <div class=\"color-code hex\">#6B1F2E<\/div>\n                <div class=\"color-code\">RGB 107\/31\/46<\/div>\n                <div class=\"color-code\">CMYK 0\/71\/57\/58<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#D24B5A\\nRGB 210\/75\/90\\nCMYK 0\/64\/57\/18\">\n                <div class=\"color-preview\" style=\"background-color: #D24B5A\"><\/div>\n                <div class=\"color-code hex\">#D24B5A<\/div>\n                <div class=\"color-code\">RGB 210\/75\/90<\/div>\n                <div class=\"color-code\">CMYK 0\/64\/57\/18<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#EBA6AB\\nRGB 235\/166\/171\\nCMYK 0\/29\/27\/8\">\n                <div class=\"color-preview\" style=\"background-color: #EBA6AB\"><\/div>\n                <div class=\"color-code hex\">#EBA6AB<\/div>\n                <div class=\"color-code\">RGB 235\/166\/171<\/div>\n                <div class=\"color-code\">CMYK 0\/29\/27\/8<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"color-group\">\n            <div class=\"color-title\">Faculty of Science and Technology<\/div>\n            <div class=\"color-block\" data-codes=\"#64723C\\nRGB 100\/114\/60\\nCMYK 12\/0\/47\/55\">\n                <div class=\"color-preview\" style=\"background-color: #64723C\"><\/div>\n                <div class=\"color-code hex\">#64723C<\/div>\n                <div class=\"color-code\">RGB 100\/114\/60<\/div>\n                <div class=\"color-code\">CMYK 12\/0\/47\/55<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#AAC864\\nRGB 170\/200\/100\\nCMYK 15\/0\/50\/22\">\n                <div class=\"color-preview\" style=\"background-color: #AAC864\"><\/div>\n                <div class=\"color-code hex\">#AAC864<\/div>\n                <div class=\"color-code\">RGB 170\/200\/100<\/div>\n                <div class=\"color-code\">CMYK 15\/0\/50\/22<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#C3DC91\\nRGB 195\/220\/145\\nCMYK 11\/0\/34\/14\">\n                <div class=\"color-preview\" style=\"background-color: #C3DC91\"><\/div>\n                <div class=\"color-code hex\">#C3DC91<\/div>\n                <div class=\"color-code\">RGB 195\/220\/145<\/div>\n                <div class=\"color-code\">CMYK 11\/0\/34\/14<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"color-group\">\n            <div class=\"color-title\">Entrepreneurship Topic<\/div>\n            <div class=\"color-block\" data-codes=\"#426E61\\nRGB 66\/110\/97\\nCMYK 40\/0\/12\/57\">\n                <div class=\"color-preview\" style=\"background-color: #426E61\"><\/div>\n                <div class=\"color-code hex\">#426E61<\/div>\n                <div class=\"color-code\">RGB 66\/110\/97<\/div>\n                <div class=\"color-code\">CMYK 40\/0\/12\/57<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#78B8AB\\nRGB 120\/184\/171\\nCMYK 35\/0\/7\/28\">\n                <div class=\"color-preview\" style=\"background-color: #78B8AB\"><\/div>\n                <div class=\"color-code hex\">#78B8AB<\/div>\n                <div class=\"color-code\">RGB 120\/184\/171<\/div>\n                <div class=\"color-code\">CMYK 35\/0\/7\/28<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#B0D1C9\\nRGB 176\/209\/201\\nCMYK 16\/0\/4\/18\">\n                <div class=\"color-preview\" style=\"background-color: #B0D1C9\"><\/div>\n                <div class=\"color-code hex\">#B0D1C9<\/div>\n                <div class=\"color-code\">RGB 176\/209\/201<\/div>\n                <div class=\"color-code\">CMYK 16\/0\/4\/18<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"color-group\">\n            <div class=\"color-title\">Culture Topic<\/div>\n            <div class=\"color-block\" data-codes=\"#754D4D\\nRGB 117\/77\/77\\nCMYK 0\/34\/34\/54\">\n                <div class=\"color-preview\" style=\"background-color: #754D4D\"><\/div>\n                <div class=\"color-code hex\">#754D4D<\/div>\n                <div class=\"color-code\">RGB 117\/77\/77<\/div>\n                <div class=\"color-code\">CMYK 0\/34\/34\/54<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#E5877A\\nRGB 229\/135\/122\\nCMYK 0\/41\/47\/10\">\n                <div class=\"color-preview\" style=\"background-color: #E5877A\"><\/div>\n                <div class=\"color-code hex\">#E5877A<\/div>\n                <div class=\"color-code\">RGB 229\/135\/122<\/div>\n                <div class=\"color-code\">CMYK 0\/41\/47\/10<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#EBBDAD\\nRGB 235\/189\/173\\nCMYK 0\/20\/26\/8\">\n                <div class=\"color-preview\" style=\"background-color: #EBBDAD\"><\/div>\n                <div class=\"color-code hex\">#EBBDAD<\/div>\n                <div class=\"color-code\">RGB 235\/189\/173<\/div>\n                <div class=\"color-code\">CMYK 0\/20\/26\/8<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"color-group\">\n            <div class=\"color-title\">Student Life Topic<\/div>\n            <div class=\"color-block\" data-codes=\"#4C7D96\\nRGB 76\/125\/150\\nCMYK 49\/17\/0\/41\">\n                <div class=\"color-preview\" style=\"background-color: #4C7D96\"><\/div>\n                <div class=\"color-code hex\">#4C7D96<\/div>\n                <div class=\"color-code\">RGB 76\/125\/150<\/div>\n                <div class=\"color-code\">CMYK 49\/17\/0\/41<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#7ABAE7\\nRGB 122\/186\/231\\nCMYK 47\/20\/0\/9\">\n                <div class=\"color-preview\" style=\"background-color: #7ABAE7\"><\/div>\n                <div class=\"color-code hex\">#7ABAE7<\/div>\n                <div class=\"color-code\">RGB 122\/186\/231<\/div>\n                <div class=\"color-code\">CMYK 47\/20\/0\/9<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#B7EAFA\\nRGB 183\/234\/250\\nCMYK 27\/6\/0\/2\">\n                <div class=\"color-preview\" style=\"background-color: #B7EAFA\"><\/div>\n                <div class=\"color-code hex\">#B7EAFA<\/div>\n                <div class=\"color-code\">RGB 183\/234\/250<\/div>\n                <div class=\"color-code\">CMYK 27\/6\/0\/2<\/div>\n            <\/div>\n        <\/div>\n        <div class=\"color-group\">\n            <div class=\"color-title\">Outer Circle Colours<\/div>\n            <div class=\"color-block\" data-codes=\"#6E3D5C\\nRGB 110\/61\/92\\nCMYK 55\/82\/41\/25\">\n                <div class=\"color-preview\" style=\"background-color: #6E3D5C\"><\/div>\n                <div class=\"color-code hex\">#6E3D5C<\/div>\n                <div class=\"color-code\">RGB 110\/61\/92<\/div>\n                <div class=\"color-code\">CMYK 55\/82\/41\/25<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#783038\\nRGB 120\/48\/56\\nCMYK 36\/85\/67\/37\">\n                <div class=\"color-preview\" style=\"background-color: #783038\"><\/div>\n                <div class=\"color-code hex\">#783038<\/div>\n                <div class=\"color-code\">RGB 120\/48\/56<\/div>\n                <div class=\"color-code\">CMYK 36\/85\/67\/37<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#B84D8F\\nRGB 184\/77\/143\\nCMYK 28\/84\/11\/0\">\n                <div class=\"color-preview\" style=\"background-color: #B84D8F\"><\/div>\n                <div class=\"color-code hex\">#B84D8F<\/div>\n                <div class=\"color-code\">RGB 184\/77\/143<\/div>\n                <div class=\"color-code\">CMYK 28\/84\/11\/0<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#C42E3B\\nRGB 196\/46\/59\\nCMYK 16\/96\/81\/5\">\n                <div class=\"color-preview\" style=\"background-color: #C42E3B\"><\/div>\n                <div class=\"color-code hex\">#C42E3B<\/div>\n                <div class=\"color-code\">RGB 196\/46\/59<\/div>\n                <div class=\"color-code\">CMYK 16\/96\/81\/5<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#D48FBA\\nRGB 212\/143\/186\\nCMYK 14\/52\/2\/0\">\n                <div class=\"color-preview\" style=\"background-color: #D48FBA\"><\/div>\n                <div class=\"color-code hex\">#D48FBA<\/div>\n                <div class=\"color-code\">RGB 212\/143\/186<\/div>\n                <div class=\"color-code\">CMYK 14\/52\/2\/0<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#F0A6AB\\nRGB 240\/166\/171\\nCMYK 2\/42\/20\/0\">\n                <div class=\"color-preview\" style=\"background-color: #F0A6AB\"><\/div>\n                <div class=\"color-code hex\">#F0A6AB<\/div>\n                <div class=\"color-code\">RGB 240\/166\/171<\/div>\n                <div class=\"color-code\">CMYK 2\/42\/20\/0<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#6B7026\\nRGB 107\/112\/38\\nCMYK 57\/40\/100\/22\">\n                <div class=\"color-preview\" style=\"background-color: #6B7026\"><\/div>\n                <div class=\"color-code hex\">#6B7026<\/div>\n                <div class=\"color-code\">RGB 107\/112\/38<\/div>\n                <div class=\"color-code\">CMYK 57\/40\/100\/22<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#426338\\nRGB 66\/99\/56\\nCMYK 73\/39\/90\/30\">\n                <div class=\"color-preview\" style=\"background-color: #426338\"><\/div>\n                <div class=\"color-code hex\">#426338<\/div>\n                <div class=\"color-code\">RGB 66\/99\/56<\/div>\n                <div class=\"color-code\">CMYK 73\/39\/90\/30<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#C7D134\\nRGB 199\/209\/52\\nCMYK 27\/4\/96\/0\">\n                <div class=\"color-preview\" style=\"background-color: #C7D134\"><\/div>\n                <div class=\"color-code hex\">#C7D134<\/div>\n                <div class=\"color-code\">RGB 199\/209\/52<\/div>\n                <div class=\"color-code\">CMYK 27\/4\/96\/0<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#61A34D\\nRGB 97\/163\/77\\nCMYK 67\/15\/94\/1\">\n                <div class=\"color-preview\" style=\"background-color: #61A34D\"><\/div>\n                <div class=\"color-code hex\">#61A34D<\/div>\n                <div class=\"color-code\">RGB 97\/163\/77<\/div>\n                <div class=\"color-code\">CMYK 67\/15\/94\/1<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#E3E88A\\nRGB 227\/232\/138\\nCMYK 13\/0\/58\/0\">\n                <div class=\"color-preview\" style=\"background-color: #E3E88A\"><\/div>\n                <div class=\"color-code hex\">#E3E88A<\/div>\n                <div class=\"color-code\">RGB 227\/232\/138<\/div>\n                <div class=\"color-code\">CMYK 13\/0\/58\/0<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#A3DE91\\nRGB 163\/222\/145\\nCMYK 37\/0\/56\/0\">\n                <div class=\"color-preview\" style=\"background-color: #A3DE91\"><\/div>\n                <div class=\"color-code hex\">#A3DE91<\/div>\n                <div class=\"color-code\">RGB 163\/222\/145<\/div>\n                <div class=\"color-code\">CMYK 37\/0\/56\/0<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#D68530\\nRGB 214\/133\/48\\nCMYK 14\/54\/95\/1\">\n                <div class=\"color-preview\" style=\"background-color: #D68530\"><\/div>\n                <div class=\"color-code hex\">#D68530<\/div>\n                <div class=\"color-code\">RGB 214\/133\/48<\/div>\n                <div class=\"color-code\">CMYK 14\/54\/95\/1<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#EBD933\\nRGB 235\/217\/51\\nCMYK 10\/7\/92\/0\">\n                <div class=\"color-preview\" style=\"background-color: #EBD933\"><\/div>\n                <div class=\"color-code hex\">#EBD933<\/div>\n                <div class=\"color-code\">RGB 235\/217\/51<\/div>\n                <div class=\"color-code\">CMYK 10\/7\/92\/0<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#EDB87D\\nRGB 237\/184\/125\\nCMYK 6\/30\/56\/0\">\n                <div class=\"color-preview\" style=\"background-color: #EDB87D\"><\/div>\n                <div class=\"color-code hex\">#EDB87D<\/div>\n                <div class=\"color-code\">RGB 237\/184\/125<\/div>\n                <div class=\"color-code\">CMYK 6\/30\/56\/0<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#F5E87A\\nRGB 245\/232\/122\\nCMYK 6\/3\/64\/0\">\n                <div class=\"color-preview\" style=\"background-color: #F5E87A\"><\/div>\n                <div class=\"color-code hex\">#F5E87A<\/div>\n                <div class=\"color-code\">RGB 245\/232\/122<\/div>\n                <div class=\"color-code\">CMYK 6\/3\/64\/0<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#30757D\\nRGB 48\/117\/125\\nCMYK 81\/40\/45\/11\">\n                <div class=\"color-preview\" style=\"background-color: #30757D\"><\/div>\n                <div class=\"color-code hex\">#30757D<\/div>\n                <div class=\"color-code\">RGB 48\/117\/125<\/div>\n                <div class=\"color-code\">CMYK 81\/40\/45\/11<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#597080\\nRGB 89\/112\/128\\nCMYK 69\/48\/38\/11\">\n                <div class=\"color-preview\" style=\"background-color: #597080\"><\/div>\n                <div class=\"color-code hex\">#597080<\/div>\n                <div class=\"color-code\">RGB 89\/112\/128<\/div>\n                <div class=\"color-code\">CMYK 69\/48\/38\/11<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#33BFD1\\nRGB 51\/191\/209\\nCMYK 66\/0\/18\/0\">\n                <div class=\"color-preview\" style=\"background-color: #33BFD1\"><\/div>\n                <div class=\"color-code hex\">#33BFD1<\/div>\n                <div class=\"color-code\">RGB 51\/191\/209<\/div>\n                <div class=\"color-code\">CMYK 66\/0\/18\/0<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#7A99B0\\nRGB 122\/153\/176\\nCMYK 55\/32\/22\/0\">\n                <div class=\"color-preview\" style=\"background-color: #7A99B0\"><\/div>\n                <div class=\"color-code hex\">#7A99B0<\/div>\n                <div class=\"color-code\">RGB 122\/153\/176<\/div>\n                <div class=\"color-code\">CMYK 55\/32\/22\/0<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#9EE5ED\\nRGB 158\/229\/237\\nCMYK 34\/0\/9\/0\">\n                <div class=\"color-preview\" style=\"background-color: #9EE5ED\"><\/div>\n                <div class=\"color-code hex\">#9EE5ED<\/div>\n                <div class=\"color-code\">RGB 158\/229\/237<\/div>\n                <div class=\"color-code\">CMYK 34\/0\/9\/0<\/div>\n            <\/div>\n            <div class=\"color-block\" data-codes=\"#A6C2D6\\nRGB 166\/194\/214\\nCMYK 34\/15\/9\/0\">\n                <div class=\"color-preview\" style=\"background-color: #A6C2D6\"><\/div>\n                <div class=\"color-code hex\">#A6C2D6<\/div>\n                <div class=\"color-code\">RGB 166\/194\/214<\/div>\n                <div class=\"color-code\">CMYK 34\/15\/9\/0<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    \n        const colorBlocks = document.querySelectorAll(\u2018.color-block\u2019);\n        const copyFeedback = document.getElementById(\u2018copyFeedback\u2019);\n\n        colorBlocks.forEach(block =&gt; {\n            block.addEventListener(\u2018click\u2019, function() {\n                const codes = this.dataset.codes;\n                if (codes) {\n                    navigator.clipboard.writeText(codes)\n                        .then(() =&gt; {\n                            copyFeedback.textContent = \u2018Copied all codes!\u2019;\n                            copyFeedback.classList.add(\u2018show\u2019);\n                            setTimeout(() =&gt; {\n                                copyFeedback.classList.remove(\u2018show\u2019);\n                            }, 1500);\n                        })\n                        .catch(err =&gt; {\n                            console.error(\u2018Could not copy text: \u2018, err);\n                            copyFeedback.textContent = \u2018Error copying!\u2019;\n                            copyFeedback.classList.add(\u2018show\u2019);\n                            setTimeout(() =&gt; {\n                                copyFeedback.classList.remove(\u2018show\u2019);\n                            }, 1500);\n                        });\n                }\n            });\n        });\n    \n\n\n","protected":false},"excerpt":{"rendered":"<p>Colour Codes Copy colour codes from here. Color Palette body { font-family: \u2018Roboto\u2019, sans-serif; background-color: #f8f9fa; \/* Light grey background *\/ padding: 20px; line-height: 1.6; } .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); \/* Responsive grid *\/ gap: 20px; &#8230;<\/p>\n","protected":false},"author":818,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1388","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/pages\/1388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/users\/818"}],"replies":[{"embeddable":true,"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/comments?post=1388"}],"version-history":[{"count":0,"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/pages\/1388\/revisions"}],"wp:attachment":[{"href":"https:\/\/stiiliraamat.ut.ee\/en\/wp-json\/wp\/v2\/media?parent=1388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}