Adlandırılmış renk · #206874
Persian Mosaic
Persian Mosaic, #206874: rgb(32 104 116), hsl(189 57% 29%), oklch(0.479 0.071 210.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Persian Mosaic color name →
#206874
oklch(0.479 0.071 210.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3A7681
- 51858E
- 67939C
- 7CA2AA
- 92B1B7
- A7C0C5
- BDD0D4
- D3DFE2
- E9EFF0
Koyu tonlar
- 1A5964
- 154B54
- 0F3E45
- 0A3037
- 062429
- 03181B
- 010C0F
- 000405
- 000001
Gri tonlar
- 2E6B75
- 3A6D77
- 447078
- 4D7279
- 56747A
- 5F777B
- 68797D
- 707B7E
- 787E7F
Renk uyumları
Tamamlayıcı +180°
- 206874
Persian Mosaic
- 814E44
≈ Red Bluff
Analog -30° +30°
- 206874
Persian Mosaic
- 256A5F
≈ Galapagos Green
- 356282
≈ Carbide
Üçlü +120° +240°
- 206874
Persian Mosaic
- 754E70
≈ Brocade Violet
- 6C5C2A
≈ Bean Green
Bölünmüş tamamlayıcı +150° +210°
- 206874
Persian Mosaic
- 7F4C5B
≈ Frenzied Red
- 7B5432
≈ Pheasant Brown
Dörtlü +90° +180° +270°
- 206874
Persian Mosaic
- 64547F
≈ Purple Sky
- 814E44
≈ Red Bluff
- 576334
≈ Interior Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.37:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.29:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.37:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
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);
}