Benannte Farbe · #206874
Persian Mosaic
Persian Mosaic ist #206874: rgb(32 104 116), hsl(189 57% 29%), oklch(0.479 0.071 210.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Persian Mosaic color name →
#206874
oklch(0.479 0.071 210.8)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 3A7681
- 51858E
- 67939C
- 7CA2AA
- 92B1B7
- A7C0C5
- BDD0D4
- D3DFE2
- E9EFF0
Shades
- 1A5964
- 154B54
- 0F3E45
- 0A3037
- 062429
- 03181B
- 010C0F
- 000405
- 000001
Tones
- 2E6B75
- 3A6D77
- 447078
- 4D7279
- 56747A
- 5F777B
- 68797D
- 707B7E
- 787E7F
Farbharmonien
Komplementär +180°
- 206874
Persian Mosaic
- 814E44
≈ Red Bluff
Analog -30° +30°
- 206874
Persian Mosaic
- 256A5F
≈ Galapagos Green
- 356282
≈ Carbide
Triadisch +120° +240°
- 206874
Persian Mosaic
- 754E70
≈ Brocade Violet
- 6C5C2A
≈ Bean Green
Geteilt komplementär +150° +210°
- 206874
Persian Mosaic
- 7F4C5B
≈ Frenzied Red
- 7B5432
≈ Pheasant Brown
Tetradisch +90° +180° +270°
- 206874
Persian Mosaic
- 64547F
≈ Purple Sky
- 814E44
≈ Red Bluff
- 576334
≈ Interior Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.37:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.29:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.37:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
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);
}