Nazwany kolor · #1B8E13
Diamine Green
Diamine Green to #1B8E13: rgb(27 142 19), hsl(116 76% 32%), oklch(0.564 0.181 142.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Diamine Green color name →
#1B8E13
oklch(0.564 0.181 142.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3D9A36
- 56A54F
- 6CB166
- 82BC7C
- 97C791
- ACD2A7
- C0DEBD
- D5E9D3
- EAF4E9
Odcienie ciemniejsze
- 167B0F
- 11680B
- 0C5607
- 084405
- 053403
- 022401
- 011501
- 000700
- 000100
Tony
- 2F8D28
- 3D8C36
- 488B42
- 528A4C
- 5B8956
- 63875F
- 6B8668
- 728470
- 798278
Harmonie kolorów
Komplementarna +180°
- 1B8E13
Diamine Green
- A548B3
≈ Fuchsia Pheromone
Analogowa -30° +30°
- 1B8E13
Diamine Green
- 787C00
≈ Flag Green
- 008A6E
≈ Industrial Turquoise
Triada +120° +240°
- 1B8E13
Diamine Green
- 366EDE
≈ Royal Blue
- CA3942
≈ Poinsettia
Komplementarna rozszczepiona +150° +210°
- 1B8E13
Diamine Green
- 7B5AD5
≈ Astro Purple
- BF3A80
≈ Very Berry
Tetrada +90° +180° +270°
- 1B8E13
Diamine Green
- 0080AD
≈ Oh so Vo
- A548B3
≈ Fuchsia Pheromone
- B55800
≈ Elm Brown Red
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.26:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.92:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.92:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
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);
}