Couleur nommée la plus proche · #008277
#008277
Couleur nommée la plus proche: Emerald Whispers
#008277 (rgb(0 130 119), hsl(175 100% 25%), oklch(0.545 0.096 184.5)) est la plus proche de la couleur nommée Emerald Whispers. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#008277
oklch(0.545 0.096 184.5)
Conversions de couleur
- HEX
- #008277
- RGB
- rgb(0 130 119)
- HSL
- hsl(175 100% 25%)
- HWB
- hwb(175 0% 49%)
- OKLCH
- oklch(0.545 0.096 184.5)
- OKLab
- oklab(0.545 -0.096 -0.008)
- CIE Lab
- lab(48.41 -33.42 -3.09)
- LCH
- lch(48.41 33.56 185.3)
- CMYK
- cmyk(100% 0% 8% 49%)
Teintes · Ombres · Tons
Teintes
- 338E84
- 4F9A91
- 67A79E
- 7DB3AB
- 93C0B9
- A9CCC6
- BED9D4
- D4E5E2
- E9F2F1
Ombres
- 007067
- 005F57
- 004E47
- 003E38
- 002F2A
- 00201C
- 001210
- 000605
- 000101
Tons
- 248278
- 358279
- 42827A
- 4D827B
- 57827B
- 60827C
- 69817D
- 71817E
- 79807F
Harmonies de couleurs
Complémentaire +180°
- 008277
Emerald Whispers
- 9E5769
≈ Mission Wildflower
Analogue -30° +30°
- 008277
Emerald Whispers
- 3C8156
≈ Adamite Green
- 007E93
≈ Pagoda
Triadique +120° +240°
- 008277
Emerald Whispers
- 7D619D
≈ Jubilee
- 97632D
≈ Retrofit
Complémentaire divisée +150° +210°
- 008277
Emerald Whispers
- 925A87
≈ Plum Savour
- A05A49
≈ Grand Canyon
Tétradique +90° +180° +270°
- 008277
Emerald Whispers
- 5F6BA8
≈ Twinkle Night
- 9E5769
≈ Mission Wildflower
- 826F23
≈ Tarnished Brass
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.70:1 · APCA Lc 72
Ag
FailSur noir
WCAG 4.45:1 · APCA Lc 30
Meilleure couleur de texte: #FFFFFF
WCAG 4.70:1 (AA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--emerald-whispers: #008277;
--emerald-whispers-rgb: 0 130 119;
--emerald-whispers-oklch: oklch(0.545 0.096 184.5);
}
.element {
color: var(--emerald-whispers);
background-color: hsl(175 100% 25%);
border-color: oklch(0.545 0.096 184.5);
}Tailwind CSS v4
@theme {
--color-emerald-whispers: #008277;
--color-emerald-whispers-50: #d7fff9;
--color-emerald-whispers-100: #c5f3ed;
--color-emerald-whispers-200: #a5e2db;
--color-emerald-whispers-300: #7bc8bf;
--color-emerald-whispers-400: #52b1a5;
--color-emerald-whispers-500: #159a8e;
--color-emerald-whispers-600: #188378;
--color-emerald-whispers-700: #146960;
--color-emerald-whispers-800: #0d4d45;
--color-emerald-whispers-900: #093630;
--color-emerald-whispers-950: #00211c;
}SCSS
$emerald-whispers: #008277;
$emerald-whispers-rgb: 0, 130, 119;
$emerald-whispers-light: mix(#fff, $emerald-whispers, 20%);
$emerald-whispers-dark: mix(#000, $emerald-whispers, 20%);
.element {
color: $emerald-whispers;
box-shadow: 0 0 0 2px rgba($emerald-whispers, 0.35);
}