이름 색상 · #206874
Persian Mosaic
Persian Mosaic은(는) #206874: rgb(32 104 116), hsl(189 57% 29%), oklch(0.479 0.071 210.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Persian Mosaic color name →
#206874
oklch(0.479 0.071 210.8)
색상 변환
- HEX
- #206874
- RGB
- rgb(32 104 116)
- HSL
- hsl(189 57% 29%)
- HWB
- hwb(189 13% 55%)
- OKLCH
- oklch(0.479 0.071 210.8)
- OKLab
- oklab(0.479 -0.061 -0.037)
- CIE Lab
- lab(40.09 -19.58 -13.58)
- LCH
- lch(40.09 23.83 214.7)
- CMYK
- cmyk(72% 10% 0% 55%)
틴트 · 셰이드 · 톤
틴트
- 3A7681
- 51858E
- 67939C
- 7CA2AA
- 92B1B7
- A7C0C5
- BDD0D4
- D3DFE2
- E9EFF0
셰이드
- 1A5964
- 154B54
- 0F3E45
- 0A3037
- 062429
- 03181B
- 010C0F
- 000405
- 000001
톤
- 2E6B75
- 3A6D77
- 447078
- 4D7279
- 56747A
- 5F777B
- 68797D
- 707B7E
- 787E7F
색 조화
보색 +180°
- 206874
Persian Mosaic
- 814E44
≈ Red Bluff
유사색 -30° +30°
- 206874
Persian Mosaic
- 256A5F
≈ Galapagos Green
- 356282
≈ Carbide
삼각 배색 +120° +240°
- 206874
Persian Mosaic
- 754E70
≈ Brocade Violet
- 6C5C2A
≈ Bean Green
분열 보색 +150° +210°
- 206874
Persian Mosaic
- 7F4C5B
≈ Frenzied Red
- 7B5432
≈ Pheasant Brown
사각 배색 +90° +180° +270°
- 206874
Persian Mosaic
- 64547F
≈ Purple Sky
- 814E44
≈ Red Bluff
- 576334
≈ Interior Green
대비 및 접근성
Ag
AA흰색 위
WCAG 6.37:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.29:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.37:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--persian-mosaic: #206874;
--persian-mosaic-rgb: 32 104 116;
--persian-mosaic-oklch: oklch(0.479 0.071 210.8);
}
.element {
color: var(--persian-mosaic);
background-color: hsl(189 57% 29%);
border-color: oklch(0.479 0.071 210.8);
}Tailwind CSS v4
@theme {
--color-persian-mosaic: #206874;
--color-persian-mosaic-50: #dffbff;
--color-persian-mosaic-100: #ceeff6;
--color-persian-mosaic-200: #b2dde6;
--color-persian-mosaic-300: #8dc2cd;
--color-persian-mosaic-400: #6aaab6;
--color-persian-mosaic-500: #4693a1;
--color-persian-mosaic-600: #3c7c88;
--color-persian-mosaic-700: #30646d;
--color-persian-mosaic-800: #214950;
--color-persian-mosaic-900: #163337;
--color-persian-mosaic-950: #071e22;
}SCSS
$persian-mosaic: #206874;
$persian-mosaic-rgb: 32, 104, 116;
$persian-mosaic-light: mix(#fff, $persian-mosaic, 20%);
$persian-mosaic-dark: mix(#000, $persian-mosaic, 20%);
.element {
color: $persian-mosaic;
box-shadow: 0 0 0 2px rgba($persian-mosaic, 0.35);
}