이름 색상 · #234C47
Nighthawks
Nighthawks은(는) #234C47: rgb(35 76 71), hsl(173 37% 22%), oklch(0.385 0.047 185.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Nighthawks color name →
#234C47
oklch(0.385 0.047 185.1)
색상 변환
- HEX
- #234c47
- RGB
- rgb(35 76 71)
- HSL
- hsl(173 37% 22%)
- HWB
- hwb(173 14% 70%)
- OKLCH
- oklch(0.385 0.047 185.1)
- OKLab
- oklab(0.385 -0.047 -0.004)
- CIE Lab
- lab(29.25 -16.14 -1.69)
- LCH
- lch(29.25 16.23 186)
- CMYK
- cmyk(54% 0% 7% 70%)
틴트 · 셰이드 · 톤
틴트
- 385C57
- 4D6D68
- 627E7A
- 778F8C
- 8DA19E
- A3B3B1
- B9C6C4
- D0D9D7
- E7ECEB
셰이드
- 1D413D
- 173632
- 112C28
- 0C221F
- 071816
- 040F0D
- 010606
- 000202
- 000000
톤
- 2D514C
- 375652
- 405B57
- 4A615D
- 536663
- 5C6B69
- 65706E
- 6E7574
- 777B7A
색 조화
보색 +180°
- 234C47
Nighthawks
- 593940
≈ Sassafras
유사색 -30° +30°
- 234C47
Nighthawks
- 2F4B39
≈ Norfolk Green
- 234A53
≈ Berry Blue Green
삼각 배색 +120° +240°
- 234C47
Nighthawks
- 4A3D58
≈ Purple Velvet
- 553F28
≈ Antique Brown
분열 보색 +150° +210°
- 234C47
Nighthawks
- 543A4E
≈ Dark Fig Violet
- 5A3B33
≈ Thoroughfare
사각 배색 +90° +180° +270°
- 234C47
Nighthawks
- 3C425D
≈ Majestic Blue
- 593940
≈ Sassafras
- 4C4426
≈ Tin Bitz
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.56:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.19:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 9.56:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--nighthawks: #234c47;
--nighthawks-rgb: 35 76 71;
--nighthawks-oklch: oklch(0.385 0.047 185.1);
}
.element {
color: var(--nighthawks);
background-color: hsl(173 37% 22%);
border-color: oklch(0.385 0.047 185.1);
}Tailwind CSS v4
@theme {
--color-nighthawks: #234c47;
--color-nighthawks-50: #e7faf7;
--color-nighthawks-100: #d7edea;
--color-nighthawks-200: #bfdbd7;
--color-nighthawks-300: #9dc0bb;
--color-nighthawks-400: #7fa8a2;
--color-nighthawks-500: #62918a;
--color-nighthawks-600: #537a75;
--color-nighthawks-700: #42625e;
--color-nighthawks-800: #304844;
--color-nighthawks-900: #20322f;
--color-nighthawks-950: #101e1b;
}SCSS
$nighthawks: #234c47;
$nighthawks-rgb: 35, 76, 71;
$nighthawks-light: mix(#fff, $nighthawks, 20%);
$nighthawks-dark: mix(#000, $nighthawks, 20%);
.element {
color: $nighthawks;
box-shadow: 0 0 0 2px rgba($nighthawks, 0.35);
}