이름 색상 · #0FFEF9
Kaltes Klares Wasser
Kaltes Klares Wasser은(는) #0FFEF9: rgb(15 254 249), hsl(179 99% 53%), oklch(0.902 0.154 192.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Kaltes Klares Wasser color name →
#0FFEF9
oklch(0.902 0.154 192.2)
색상 변환
- HEX
- #0ffef9
- RGB
- rgb(15 254 249)
- HSL
- hsl(179 99% 53%)
- HWB
- hwb(179 6% 0%)
- OKLCH
- oklch(0.902 0.154 192.2)
- OKLab
- oklab(0.902 -0.15 -0.033)
- CIE Lab
- lab(90.28 -51.28 -12.44)
- LCH
- lch(90.28 52.77 193.6)
- CMYK
- cmyk(94% 0% 2% 0%)
틴트 · 셰이드 · 톤
틴트
- 51FFFA
- 71FFFA
- 8AFFFB
- 9FFFFC
- B1FFFC
- C3FFFD
- D3FFFD
- E2FFFE
- F1FFFE
셰이드
- 0BDDD9
- 08BDB9
- 059E9A
- 03807D
- 026361
- 014746
- 002D2C
- 001615
- 000303
톤
- 3DF1EC
- 52E4E0
- 5FD7D3
- 69CBC7
- 71BEBB
- 76B1AF
- 7AA5A3
- 7D9997
- 7F8C8B
색 조화
보색 +180°
- 0FFEF9
Kaltes Klares Wasser
- FFD1D5
≈ Love Fumes
유사색 -30° +30°
- 0FFEF9
Kaltes Klares Wasser
- 6EFEBF
≈ Mint Bliss
- ADE9FF
≈ Fresh Air
삼각 배색 +120° +240°
- 0FFEF9
Kaltes Klares Wasser
- EED2FF
≈ Rose Dragée
- FFD7A6
≈ Fresh Apricot
분열 보색 +150° +210°
- 0FFEF9
Kaltes Klares Wasser
- FFCEEB
≈ Infra-White
- FFD4C3
≈ Coral Dune
사각 배색 +90° +180° +270°
- 0FFEF9
Kaltes Klares Wasser
- D9DBFF
≈ Transparent Blue
- FFD1D5
≈ Love Fumes
- F3E25B
≈ Flame Seal
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.26:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.56:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.56:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--kaltes-klares-wasser: #0ffef9;
--kaltes-klares-wasser-rgb: 15 254 249;
--kaltes-klares-wasser-oklch: oklch(0.902 0.154 192.2);
}
.element {
color: var(--kaltes-klares-wasser);
background-color: hsl(179 99% 53%);
border-color: oklch(0.902 0.154 192.2);
}Tailwind CSS v4
@theme {
--color-kaltes-klares-wasser: #0ffef9;
--color-kaltes-klares-wasser-50: #c2ffff;
--color-kaltes-klares-wasser-100: #aaf9f7;
--color-kaltes-klares-wasser-200: #7de9e8;
--color-kaltes-klares-wasser-300: #34d0cf;
--color-kaltes-klares-wasser-400: #00bab6;
--color-kaltes-klares-wasser-500: #00a3a1;
--color-kaltes-klares-wasser-600: #008a88;
--color-kaltes-klares-wasser-700: #006f6d;
--color-kaltes-klares-wasser-800: #00524e;
--color-kaltes-klares-wasser-900: #003936;
--color-kaltes-klares-wasser-950: #002321;
}SCSS
$kaltes-klares-wasser: #0ffef9;
$kaltes-klares-wasser-rgb: 15, 254, 249;
$kaltes-klares-wasser-light: mix(#fff, $kaltes-klares-wasser, 20%);
$kaltes-klares-wasser-dark: mix(#000, $kaltes-klares-wasser, 20%);
.element {
color: $kaltes-klares-wasser;
box-shadow: 0 0 0 2px rgba($kaltes-klares-wasser, 0.35);
}