이름 색상 · #79C9D1
Valonia
Valonia은(는) #79C9D1: rgb(121 201 209), hsl(185 49% 65%), oklch(0.787 0.079 203.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Valonia color name →
#79C9D1
oklch(0.787 0.079 203.9)
색상 변환
- HEX
- #79c9d1
- RGB
- rgb(121 201 209)
- HSL
- hsl(185 49% 65%)
- HWB
- hwb(185 47% 18%)
- OKLCH
- oklch(0.787 0.079 203.9)
- OKLab
- oklab(0.787 -0.073 -0.032)
- CIE Lab
- lab(76.06 -24.07 -12.15)
- LCH
- lch(76.06 26.96 206.8)
- CMYK
- cmyk(42% 4% 0% 18%)
틴트 · 셰이드 · 톤
틴트
- 88CED6
- 96D4DA
- A4D9DF
- B1DFE3
- BFE4E8
- CCEAED
- D9EFF1
- E5F4F6
- F2FAFA
셰이드
- 68AEB5
- 58959B
- 487C81
- 396468
- 2B4C50
- 1D3639
- 102223
- 050F10
- 010202
톤
- 7BC2C9
- 7DBAC0
- 7EB3B8
- 7FABB0
- 80A4A8
- 819DA0
- 819698
- 818E90
- 818788
색 조화
보색 +180°
- 79C9D1
Valonia
- E9A6A1
≈ Faithful Rose
유사색 -30° +30°
- 79C9D1
Valonia
- 82CBB6
≈ Pale Teal
- 86C3E5
≈ Club Cruise
삼각 배색 +120° +240°
- 79C9D1
Valonia
- D4A9D7
≈ Favourite Lavender
- D2B67F
≈ Clumsy Caramel
분열 보색 +150° +210°
- 79C9D1
Valonia
- E3A5BD
≈ Think Pink
- E3AC8A
≈ Ancient Inca
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.89:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.08:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.08:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--valonia: #79c9d1;
--valonia-rgb: 121 201 209;
--valonia-oklch: oklch(0.787 0.079 203.9);
}
.element {
color: var(--valonia);
background-color: hsl(185 49% 65%);
border-color: oklch(0.787 0.079 203.9);
}Tailwind CSS v4
@theme {
--color-valonia: #79c9d1;
--color-valonia-50: #dcfcff;
--color-valonia-100: #caf0f5;
--color-valonia-200: #addfe5;
--color-valonia-300: #86c4cb;
--color-valonia-400: #61acb4;
--color-valonia-500: #38959e;
--color-valonia-600: #317e86;
--color-valonia-700: #27656b;
--color-valonia-800: #1a4a4e;
--color-valonia-900: #113436;
--color-valonia-950: #031f21;
}SCSS
$valonia: #79c9d1;
$valonia-rgb: 121, 201, 209;
$valonia-light: mix(#fff, $valonia, 20%);
$valonia-dark: mix(#000, $valonia, 20%);
.element {
color: $valonia;
box-shadow: 0 0 0 2px rgba($valonia, 0.35);
}