이름 색상 · #006E7A
Carnival Night
Carnival Night은(는) #006E7A: rgb(0 110 122), hsl(186 100% 24%), oklch(0.492 0.085 207.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Carnival Night color name →
#006E7A
oklch(0.492 0.085 207.9)
색상 변환
- HEX
- #006e7a
- RGB
- rgb(0 110 122)
- HSL
- hsl(186 100% 24%)
- HWB
- hwb(186 0% 52%)
- OKLCH
- oklch(0.492 0.085 207.9)
- OKLab
- oklab(0.492 -0.075 -0.04)
- CIE Lab
- lab(41.78 -24.02 -14.71)
- LCH
- lch(41.78 28.17 211.5)
- CMYK
- cmyk(100% 10% 0% 52%)
틴트 · 셰이드 · 톤
틴트
- 2E7C87
- 498A93
- 6198A0
- 78A6AD
- 8EB5BB
- A5C3C8
- BBD2D6
- D1E1E3
- E8F0F1
셰이드
- 005F69
- 005059
- 004149
- 00333A
- 00262B
- 00191D
- 000E10
- 000405
- 000101
톤
- 20707B
- 30727B
- 3D747C
- 49767D
- 53787D
- 5D797E
- 667B7E
- 6F7D7F
- 787E80
색 조화
보색 +180°
- 006E7A
Carnival Night
- 8B4D46
≈ Rudraksha Beads
유사색 -30° +30°
- 006E7A
Carnival Night
- 157161
≈ Falcon Turquoise
- 2B678B
≈ Drake’s Neck
삼각 배색 +120° +240°
- 006E7A
Carnival Night
- 7B4F79
≈ Phlox Flower Violet
- 755E20
≈ Brassy Brass
분열 보색 +150° +210°
- 006E7A
Carnival Night
- 874C61
≈ Red Shrivel
- 85542D
≈ Burnt Crust
사각 배색 +90° +180° +270°
- 006E7A
Carnival Night
- 67568B
≈ Butterfly Bush
- 8B4D46
≈ Rudraksha Beads
- 5D672B
≈ Deathworld Forest
대비 및 접근성
Ag
AA흰색 위
WCAG 5.98:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.51:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 5.98:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--carnival-night: #006e7a;
--carnival-night-rgb: 0 110 122;
--carnival-night-oklch: oklch(0.492 0.085 207.9);
}
.element {
color: var(--carnival-night);
background-color: hsl(186 100% 24%);
border-color: oklch(0.492 0.085 207.9);
}Tailwind CSS v4
@theme {
--color-carnival-night: #006e7a;
--color-carnival-night-50: #dbfcff;
--color-carnival-night-100: #c8f0f8;
--color-carnival-night-200: #abdfe8;
--color-carnival-night-300: #83c4cf;
--color-carnival-night-400: #5cadb8;
--color-carnival-night-500: #2f96a3;
--color-carnival-night-600: #2a7f8a;
--color-carnival-night-700: #22656f;
--color-carnival-night-800: #164b51;
--color-carnival-night-900: #0e3438;
--color-carnival-night-950: #011f23;
}SCSS
$carnival-night: #006e7a;
$carnival-night-rgb: 0, 110, 122;
$carnival-night-light: mix(#fff, $carnival-night, 20%);
$carnival-night-dark: mix(#000, $carnival-night, 20%);
.element {
color: $carnival-night;
box-shadow: 0 0 0 2px rgba($carnival-night, 0.35);
}