Benannte Farbe · #203838
Kōrainando Green
Kōrainando Green ist #203838: rgb(32 56 56), hsl(180 27% 17%), oklch(0.321 0.03 195.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Kōrainando Green color name →
#203838
oklch(0.321 0.03 195.8)
Farbumrechnungen
- HEX
- #203838
- RGB
- rgb(32 56 56)
- HSL
- hsl(180 27% 17%)
- HWB
- hwb(180 13% 78%)
- OKLCH
- oklch(0.321 0.03 195.8)
- OKLab
- oklab(0.321 -0.029 -0.008)
- CIE Lab
- lab(21.57 -9.74 -3.13)
- LCH
- lch(21.57 10.23 197.8)
- CMYK
- cmyk(43% 0% 0% 78%)
Tints · Shades · Tones
Tints
- 344949
- 485C5B
- 5D6E6E
- 728281
- 889595
- 9FAAA9
- B6BEBE
- CED4D3
- E6E9E9
Shades
- 1A2F2F
- 152727
- 0F1F1F
- 0A1717
- 060F0F
- 030808
- 010404
- 000101
- 000000
Tones
- 293F3F
- 334646
- 3C4D4D
- 455454
- 4F5B5B
- 596262
- 626A69
- 6C7171
- 767878
Farbharmonien
Komplementär +180°
- 203838
Kōrainando Green
- 412D2E
≈ Chocolate Plum
Analog -30° +30°
- 203838
Kōrainando Green
- 24382F
≈ Palm Green
- 22363F
≈ Petrol Slumber
Triadisch +120° +240°
- 203838
Kōrainando Green
- 392F3E
≈ Valentino Nero
- 3C3122
≈ Cola Bubble
Geteilt komplementär +150° +210°
- 203838
Kōrainando Green
- 3F2D36
≈ Disappearing Purple
- 402E26
≈ After Eight
Tetradisch +90° +180° +270°
- 203838
Kōrainando Green
- 313142
≈ Oil Rush
- 412D2E
≈ Chocolate Plum
- 353422
≈ Fuchsia Berries
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.46:1 · APCA Lc 98
Ag
FailAuf Schwarz
WCAG 1.68:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.46:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--korainando-green: #203838;
--korainando-green-rgb: 32 56 56;
--korainando-green-oklch: oklch(0.321 0.03 195.8);
}
.element {
color: var(--korainando-green);
background-color: hsl(180 27% 17%);
border-color: oklch(0.321 0.03 195.8);
}Tailwind CSS v4
@theme {
--color-korainando-green: #203838;
--color-korainando-green-50: #ecf8f8;
--color-korainando-green-100: #ddebeb;
--color-korainando-green-200: #c6d8d9;
--color-korainando-green-300: #a7bcbd;
--color-korainando-green-400: #8ba4a4;
--color-korainando-green-500: #708d8c;
--color-korainando-green-600: #5f7777;
--color-korainando-green-700: #4b5f5f;
--color-korainando-green-800: #374645;
--color-korainando-green-900: #253030;
--color-korainando-green-950: #141d1c;
}SCSS
$korainando-green: #203838;
$korainando-green-rgb: 32, 56, 56;
$korainando-green-light: mix(#fff, $korainando-green, 20%);
$korainando-green-dark: mix(#000, $korainando-green, 20%);
.element {
color: $korainando-green;
box-shadow: 0 0 0 2px rgba($korainando-green, 0.35);
}