Couleur nommée · #00A483
Congo Green
Congo Green correspond à #00A483 : rgb(0 164 131), hsl(168 100% 32%), oklch(0.64 0.124 171.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Teal mean? → · Congo Green color name →
#00A483
oklch(0.64 0.124 171.7)
Conversions de couleur
- HEX
- #00a483
- RGB
- rgb(0 164 131)
- HSL
- hsl(168 100% 32%)
- HWB
- hwb(168 0% 36%)
- OKLCH
- oklch(0.64 0.124 171.7)
- OKLab
- oklab(0.64 -0.123 0.018)
- CIE Lab
- lab(59.88 -43.74 6.52)
- LCH
- lch(59.88 44.22 171.5)
- CMYK
- cmyk(100% 0% 20% 36%)
Teintes · Ombres · Tons
Teintes
- 3BAD8F
- 58B69B
- 70C0A7
- 86C9B3
- 9BD2BF
- B0DBCC
- C4E4D8
- D8EDE5
- EBF6F2
Ombres
- 008E71
- 007960
- 00644F
- 00503F
- 003D2F
- 002B20
- 001A12
- 000A06
- 000101
Tons
- 2AA183
- 3C9D82
- 4A9A82
- 559682
- 5E9382
- 668F81
- 6E8B81
- 748881
- 7A8480
Harmonies de couleurs
Complémentaire +180°
- 00A483
Congo Green
- C46A94
≈ Fuchsia Kiss
Analogue -30° +30°
- 00A483
Congo Green
- 5E9F56
≈ Savage Garden
- 009FA8
≈ Ducati
Triadique +120° +240°
- 00A483
Congo Green
- 8E7DD1
≈ Indigo Bloom
- C7743E
≈ Zest
Complémentaire divisée +150° +210°
- 00A483
Congo Green
- AF71B9
≈ Moonlight Melody
- CD6B6A
≈ Strawberry Wine
Tétradique +90° +180° +270°
- 00A483
Congo Green
- 618BD7
≈ Livid
- C46A94
≈ Fuchsia Kiss
- B2831B
≈ Arrowwood
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.16:1 · APCA Lc 58
Ag
AASur noir
WCAG 6.63:1 · APCA Lc 44
Meilleure couleur de texte: #000000
WCAG 6.63:1 (AA) · APCA Lc 44
Contrast pairs
Extraits de code
CSS
:root {
--congo-green: #00a483;
--congo-green-rgb: 0 164 131;
--congo-green-oklch: oklch(0.64 0.124 171.7);
}
.element {
color: var(--congo-green);
background-color: hsl(168 100% 32%);
border-color: oklch(0.64 0.124 171.7);
}Tailwind CSS v4
@theme {
--color-congo-green: #00a483;
--color-congo-green-50: #d2fff2;
--color-congo-green-100: #bef6e4;
--color-congo-green-200: #9be6d0;
--color-congo-green-300: #6cccb2;
--color-congo-green-400: #3ab696;
--color-congo-green-500: #00a07c;
--color-congo-green-600: #008769;
--color-congo-green-700: #006c54;
--color-congo-green-800: #00503b;
--color-congo-green-900: #003829;
--color-congo-green-950: #002217;
}SCSS
$congo-green: #00a483;
$congo-green-rgb: 0, 164, 131;
$congo-green-light: mix(#fff, $congo-green, 20%);
$congo-green-dark: mix(#000, $congo-green, 20%);
.element {
color: $congo-green;
box-shadow: 0 0 0 2px rgba($congo-green, 0.35);
}