Couleur nommée la plus proche · #00727D
#00727D
Couleur nommée la plus proche: Persian Mosaic
#00727D (rgb(0 114 125), hsl(185 100% 25%), oklch(0.504 0.086 206.5)) est la plus proche de la couleur nommée Persian Mosaic. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#00727D
oklch(0.504 0.086 206.5)
Conversions de couleur
- HEX
- #00727d
- RGB
- rgb(0 114 125)
- HSL
- hsl(185 100% 25%)
- HWB
- hwb(185 0% 51%)
- OKLCH
- oklch(0.504 0.086 206.5)
- OKLab
- oklab(0.504 -0.077 -0.039)
- CIE Lab
- lab(43.22 -25.03 -14.32)
- LCH
- lch(43.22 28.84 209.8)
- CMYK
- cmyk(100% 9% 0% 51%)
Teintes · Ombres · Tons
Teintes
- 2F8089
- 4A8D96
- 629BA3
- 79A9AF
- 8FB7BC
- A5C5C9
- BCD3D7
- D2E2E4
- E8F0F1
Ombres
- 00626C
- 00535B
- 00444B
- 00363B
- 00282C
- 001B1E
- 000E11
- 000405
- 000101
Tons
- 20747D
- 31757E
- 3E777E
- 4A787E
- 547A7F
- 5D7B7F
- 677C7F
- 6F7E80
- 787F80
Harmonies de couleurs
Complémentaire +180°
- 00727D
Persian Mosaic
- 8F504A
≈ Moroccan Ruby
Analogue -30° +30°
- 00727D
Persian Mosaic
- 197463
≈ Northern Hemisphere
- 2B6B8F
≈ Ocean Call
Triadique +120° +240°
- 00727D
Persian Mosaic
- 7E527F
≈ Phlox Flower Violet
- 7A6122
≈ Brassy Brass
Complémentaire divisée +150° +210°
- 00727D
Persian Mosaic
- 8B4F66
≈ Raspberry Crush
- 8A5730
≈ Burnt Crust
Tétradique +90° +180° +270°
- 00727D
Persian Mosaic
- 695A90
≈ Butterfly Bush
- 8F504A
≈ Moroccan Ruby
- 626B2C
≈ Russian Uniform
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.67:1 · APCA Lc 78
Ag
FailSur noir
WCAG 3.70:1 · APCA Lc 24
Meilleure couleur de texte: #FFFFFF
WCAG 5.67:1 (AA) · APCA Lc 78
Contrast pairs
Extraits de code
CSS
:root {
--persian-mosaic: #00727d;
--persian-mosaic-rgb: 0 114 125;
--persian-mosaic-oklch: oklch(0.504 0.086 206.5);
}
.element {
color: var(--persian-mosaic);
background-color: hsl(185 100% 25%);
border-color: oklch(0.504 0.086 206.5);
}Tailwind CSS v4
@theme {
--color-persian-mosaic: #00727d;
--color-persian-mosaic-50: #dafdff;
--color-persian-mosaic-100: #c8f1f7;
--color-persian-mosaic-200: #aadfe8;
--color-persian-mosaic-300: #81c4cf;
--color-persian-mosaic-400: #5aadb8;
--color-persian-mosaic-500: #2a96a3;
--color-persian-mosaic-600: #277f89;
--color-persian-mosaic-700: #1f666e;
--color-persian-mosaic-800: #144b50;
--color-persian-mosaic-900: #0d3438;
--color-persian-mosaic-950: #011f23;
}SCSS
$persian-mosaic: #00727d;
$persian-mosaic-rgb: 0, 114, 125;
$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);
}