Benannte Farbe · #224634
Birōdo Green
Birōdo Green ist #224634: rgb(34 70 52), hsl(150 35% 20%), oklch(0.361 0.053 160.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Birōdo Green color name →
#224634
oklch(0.361 0.053 160.4)
Farbumrechnungen
- HEX
- #224634
- RGB
- rgb(34 70 52)
- HSL
- hsl(150 35% 20%)
- HWB
- hwb(150 13% 73%)
- OKLCH
- oklch(0.361 0.053 160.4)
- OKLab
- oklab(0.361 -0.05 0.018)
- CIE Lab
- lab(26.61 -17.35 6.7)
- LCH
- lch(26.61 18.59 158.9)
- CMYK
- cmyk(51% 0% 26% 73%)
Tints · Shades · Tones
Tints
- 375746
- 4B6858
- 60796B
- 758B7F
- 8B9E93
- A1B1A8
- B8C4BD
- CFD7D3
- E7EBE9
Shades
- 1C3C2C
- 163224
- 11281C
- 0B1E15
- 07150E
- 030D07
- 010503
- 000201
- 000000
Tones
- 2C4C3B
- 355142
- 3F574A
- 485D51
- 516359
- 5B6860
- 646E68
- 6D7470
- 777A78
Farbharmonien
Komplementär +180°
- 224634
Birōdo Green
- 503246
≈ Loulou
Analog -30° +30°
- 224634
Birōdo Green
- 344325
≈ Ceylanite
- 144644
≈ Cyprus
Triadisch +120° +240°
- 224634
Birōdo Green
- 383A59
≈ Magic Night
- 553428
≈ Wild Boar
Geteilt komplementär +150° +210°
- 224634
Birōdo Green
- 463552
≈ Devil’s Plum
- 553137
≈ Joyful Ruby
Tetradisch +90° +180° +270°
- 224634
Birōdo Green
- 273F58
≈ Salty Dog
- 503246
≈ Loulou
- 4F381D
≈ Café Noir
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.53:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 1.99:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.53:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--birodo-green: #224634;
--birodo-green-rgb: 34 70 52;
--birodo-green-oklch: oklch(0.361 0.053 160.4);
}
.element {
color: var(--birodo-green);
background-color: hsl(150 35% 20%);
border-color: oklch(0.361 0.053 160.4);
}Tailwind CSS v4
@theme {
--color-birodo-green: #224634;
--color-birodo-green-50: #e9faf1;
--color-birodo-green-100: #d9eee3;
--color-birodo-green-200: #c1dcce;
--color-birodo-green-300: #a0c0af;
--color-birodo-green-400: #84a894;
--color-birodo-green-500: #67917a;
--color-birodo-green-600: #587b68;
--color-birodo-green-700: #466253;
--color-birodo-green-800: #33483c;
--color-birodo-green-900: #233229;
--color-birodo-green-950: #121e17;
}SCSS
$birodo-green: #224634;
$birodo-green-rgb: 34, 70, 52;
$birodo-green-light: mix(#fff, $birodo-green, 20%);
$birodo-green-dark: mix(#000, $birodo-green, 20%);
.element {
color: $birodo-green;
box-shadow: 0 0 0 2px rgba($birodo-green, 0.35);
}