Couleur nommée · #1B8E13
Diamine Green
Diamine Green correspond à #1B8E13 : rgb(27 142 19), hsl(116 76% 32%), oklch(0.564 0.181 142.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Diamine Green color name →
#1B8E13
oklch(0.564 0.181 142.2)
Conversions de couleur
- HEX
- #1b8e13
- RGB
- rgb(27 142 19)
- HSL
- hsl(116 76% 32%)
- HWB
- hwb(116 7% 44%)
- OKLCH
- oklch(0.564 0.181 142.2)
- OKLab
- oklab(0.564 -0.143 0.111)
- CIE Lab
- lab(51.47 -48.4 49.29)
- LCH
- lch(51.47 69.08 134.5)
- CMYK
- cmyk(81% 0% 87% 44%)
Teintes · Ombres · Tons
Teintes
- 3D9A36
- 56A54F
- 6CB166
- 82BC7C
- 97C791
- ACD2A7
- C0DEBD
- D5E9D3
- EAF4E9
Ombres
- 167B0F
- 11680B
- 0C5607
- 084405
- 053403
- 022401
- 011501
- 000700
- 000100
Tons
- 2F8D28
- 3D8C36
- 488B42
- 528A4C
- 5B8956
- 63875F
- 6B8668
- 728470
- 798278
Harmonies de couleurs
Complémentaire +180°
- 1B8E13
Diamine Green
- A548B3
≈ Fuchsia Pheromone
Analogue -30° +30°
- 1B8E13
Diamine Green
- 787C00
≈ Flag Green
- 008A6E
≈ Industrial Turquoise
Triadique +120° +240°
- 1B8E13
Diamine Green
- 366EDE
≈ Royal Blue
- CA3942
≈ Poinsettia
Complémentaire divisée +150° +210°
- 1B8E13
Diamine Green
- 7B5AD5
≈ Astro Purple
- BF3A80
≈ Very Berry
Tétradique +90° +180° +270°
- 1B8E13
Diamine Green
- 0080AD
≈ Oh so Vo
- A548B3
≈ Fuchsia Pheromone
- B55800
≈ Elm Brown Red
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.26:1 · APCA Lc 69
Ag
AASur noir
WCAG 4.92:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 4.92:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
CSS
:root {
--diamine-green: #1b8e13;
--diamine-green-rgb: 27 142 19;
--diamine-green-oklch: oklch(0.564 0.181 142.2);
}
.element {
color: var(--diamine-green);
background-color: hsl(116 76% 32%);
border-color: oklch(0.564 0.181 142.2);
}Tailwind CSS v4
@theme {
--color-diamine-green: #1b8e13;
--color-diamine-green-50: #d6ffd5;
--color-diamine-green-100: #c3f8c2;
--color-diamine-green-200: #a4e9a3;
--color-diamine-green-300: #79cf7a;
--color-diamine-green-400: #56b84e;
--color-diamine-green-500: #20a217;
--color-diamine-green-600: #1f8918;
--color-diamine-green-700: #196e14;
--color-diamine-green-800: #165005;
--color-diamine-green-900: #0e3804;
--color-diamine-green-950: #022200;
}SCSS
$diamine-green: #1b8e13;
$diamine-green-rgb: 27, 142, 19;
$diamine-green-light: mix(#fff, $diamine-green, 20%);
$diamine-green-dark: mix(#000, $diamine-green, 20%);
.element {
color: $diamine-green;
box-shadow: 0 0 0 2px rgba($diamine-green, 0.35);
}