이름 색상 · #18515D
Genetic Code
Genetic Code은(는) #18515D: rgb(24 81 93), hsl(190 59% 23%), oklch(0.404 0.061 214.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Genetic Code color name →
#18515D
oklch(0.404 0.061 214.6)
색상 변환
- HEX
- #18515d
- RGB
- rgb(24 81 93)
- HSL
- hsl(190 59% 23%)
- HWB
- hwb(190 9% 64%)
- OKLCH
- oklch(0.404 0.061 214.6)
- OKLab
- oklab(0.404 -0.05 -0.034)
- CIE Lab
- lab(31.27 -15.64 -12.73)
- LCH
- lch(31.27 20.17 219.1)
- CMYK
- cmyk(74% 13% 0% 64%)
틴트 · 셰이드 · 톤
틴트
- 31616C
- 48717B
- 5E828B
- 74939B
- 8AA4AB
- A1B6BB
- B8C8CC
- CFDADD
- E7ECEE
셰이드
- 134550
- 0F3A43
- 0A2F37
- 07242A
- 041A1F
- 021014
- 01070A
- 000203
- 000000
톤
- 265661
- 325A64
- 3C5F68
- 46646B
- 50696F
- 5A6D72
- 647276
- 6D7779
- 777B7D
색 조화
보색 +180°
- 18515D
Genetic Code
- 653C32
≈ Manzanita
유사색 -30° +30°
- 18515D
Genetic Code
- 19534D
≈ Lacustral
- 2B4C67
≈ Singing the Blues
삼각 배색 +120° +240°
- 18515D
Genetic Code
- 5D3C56
≈ Blackberry Wine
- 53481F
≈ Codium Fragile
분열 보색 +150° +210°
- 18515D
Genetic Code
- 643A45
≈ Wine Goblet
- 604224
≈ Satoimo Brown
사각 배색 +90° +180° +270°
- 18515D
Genetic Code
- 504063
≈ Royal Indigo
- 653C32
≈ Manzanita
- 414E29
≈ Bronze Tone
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.84:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.37:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 8.84:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--genetic-code: #18515d;
--genetic-code-rgb: 24 81 93;
--genetic-code-oklch: oklch(0.404 0.061 214.6);
}
.element {
color: var(--genetic-code);
background-color: hsl(190 59% 23%);
border-color: oklch(0.404 0.061 214.6);
}Tailwind CSS v4
@theme {
--color-genetic-code: #18515d;
--color-genetic-code-50: #e3faff;
--color-genetic-code-100: #d2edf5;
--color-genetic-code-200: #b8dbe5;
--color-genetic-code-300: #95c0cc;
--color-genetic-code-400: #74a8b5;
--color-genetic-code-500: #54919f;
--color-genetic-code-600: #487a86;
--color-genetic-code-700: #39626c;
--color-genetic-code-800: #28484f;
--color-genetic-code-900: #1b3237;
--color-genetic-code-950: #0b1e22;
}SCSS
$genetic-code: #18515d;
$genetic-code-rgb: 24, 81, 93;
$genetic-code-light: mix(#fff, $genetic-code, 20%);
$genetic-code-dark: mix(#000, $genetic-code, 20%);
.element {
color: $genetic-code;
box-shadow: 0 0 0 2px rgba($genetic-code, 0.35);
}