이름 색상 · #032425
Teal Spill
Teal Spill은(는) #032425: rgb(3 36 37), hsl(182 85% 8%), oklch(0.238 0.037 197.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Teal Spill color name →
#032425
oklch(0.238 0.037 197.9)
색상 변환
- HEX
- #032425
- RGB
- rgb(3 36 37)
- HSL
- hsl(182 85% 8%)
- HWB
- hwb(182 1% 85%)
- OKLCH
- oklch(0.238 0.037 197.9)
- OKLab
- oklab(0.238 -0.036 -0.011)
- CIE Lab
- lab(11.94 -11.98 -4.34)
- LCH
- lch(11.94 12.74 199.9)
- CMYK
- cmyk(92% 3% 0% 85%)
틴트 · 셰이드 · 톤
틴트
- 1B3737
- 324A4B
- 495F5F
- 617474
- 79898A
- 93A0A0
- ADB7B7
- C8CECF
- E3E6E7
셰이드
- 021E1F
- 021819
- 011213
- 010C0D
- 000708
- 000404
- 000202
- 000000
- 000000
톤
- 102C2D
- 1D3536
- 293E3E
- 354747
- 415050
- 4D595A
- 5A6363
- 666C6C
- 737676
색 조화
보색 +180°
- 032425
Teal Spill
- 2E1718
≈ Darkroom
유사색 -30° +30°
- 032425
Teal Spill
- 09241B
≈ Deep Slate Green
- 08222D
≈ Crow Feather
삼각 배색 +120° +240°
- 032425
Teal Spill
- 26192A
≈ Black Cherry
- 281C08
≈ Brunneophobia
분열 보색 +150° +210°
- 032425
Teal Spill
- 2C1722
≈ Black Cherry
- 2D190E
≈ Brunneophobia
사각 배색 +90° +180° +270°
- 032425
Teal Spill
- 1E1C2F
≈ Black Howl
- 2E1718
≈ Darkroom
- 202009
≈ Black Mesa
대비 및 접근성
Ag
AAA흰색 위
WCAG 16.36:1 · APCA Lc 103
Ag
Fail검은색 위
WCAG 1.28:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 16.36:1 (AAA) · APCA Lc 103
Contrast pairs
코드 스니펫
CSS
:root {
--teal-spill: #032425;
--teal-spill-rgb: 3 36 37;
--teal-spill-oklch: oklch(0.238 0.037 197.9);
}
.element {
color: var(--teal-spill);
background-color: hsl(182 85% 8%);
border-color: oklch(0.238 0.037 197.9);
}Tailwind CSS v4
@theme {
--color-teal-spill: #032425;
--color-teal-spill-50: #eaf9f9;
--color-teal-spill-100: #daeced;
--color-teal-spill-200: #c3d9da;
--color-teal-spill-300: #a2bebf;
--color-teal-spill-400: #85a6a6;
--color-teal-spill-500: #698e8f;
--color-teal-spill-600: #597879;
--color-teal-spill-700: #476061;
--color-teal-spill-800: #334747;
--color-teal-spill-900: #233131;
--color-teal-spill-950: #121d1d;
}SCSS
$teal-spill: #032425;
$teal-spill-rgb: 3, 36, 37;
$teal-spill-light: mix(#fff, $teal-spill, 20%);
$teal-spill-dark: mix(#000, $teal-spill, 20%);
.element {
color: $teal-spill;
box-shadow: 0 0 0 2px rgba($teal-spill, 0.35);
}