Benannte Farbe · #D9D9B1
Kohlrabi Green
Kohlrabi Green ist #D9D9B1: rgb(217 217 177), hsl(60 34% 77%), oklch(0.875 0.053 107.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Kohlrabi Green color name →
#D9D9B1
oklch(0.875 0.053 107.4)
Farbumrechnungen
- HEX
- #d9d9b1
- RGB
- rgb(217 217 177)
- HSL
- hsl(60 34% 77%)
- HWB
- hwb(60 69% 15%)
- OKLCH
- oklch(0.875 0.053 107.4)
- OKLab
- oklab(0.875 -0.016 0.051)
- CIE Lab
- lab(85.93 -4.87 19.82)
- LCH
- lch(85.93 20.41 103.8)
- CMYK
- cmyk(0% 0% 18% 15%)
Tints · Shades · Tones
Tints
- DDDDB9
- E0E1C1
- E4E4C8
- E8E8D0
- ECECD8
- F0F0E0
- F3F4E8
- F7F7EF
- FBFBF7
Shades
- BCBC99
- A1A183
- 86866C
- 6C6C57
- 535342
- 3B3B2F
- 25251C
- 11110C
- 020201
Tones
- D0D0AC
- C6C7A7
- BDBDA2
- B4B49D
- ABAC99
- A2A394
- 9A9A8F
- 91918A
- 888985
Farbharmonien
Komplementär +180°
- D9D9B1
Kohlrabi Green
- D3D1F8
≈ Pale Phthalo Blue
Analog -30° +30°
- D9D9B1
Kohlrabi Green
- EAD2AF
≈ The Golden State
- C6DFBD
≈ Limestone Slate
Triadisch +120° +240°
- D9D9B1
Kohlrabi Green
- B2DEF2
≈ Soap Bubble
- F2C8DC
≈ British Rose
Geteilt komplementär +150° +210°
- D9D9B1
Kohlrabi Green
- C0D8F9
≈ Oh Boy!
- E5CCED
≈ Little Touch
Tetradisch +90° +180° +270°
- D9D9B1
Kohlrabi Green
- AEE1E2
≈ Opal
- D3D1F8
≈ Pale Phthalo Blue
- F7C9C9
≈ Happy Piglets
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.44:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.51:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.51:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--kohlrabi-green: #d9d9b1;
--kohlrabi-green-rgb: 217 217 177;
--kohlrabi-green-oklch: oklch(0.875 0.053 107.4);
}
.element {
color: var(--kohlrabi-green);
background-color: hsl(60 34% 77%);
border-color: oklch(0.875 0.053 107.4);
}Tailwind CSS v4
@theme {
--color-kohlrabi-green: #d9d9b1;
--color-kohlrabi-green-50: #f6f7e6;
--color-kohlrabi-green-100: #e9ead6;
--color-kohlrabi-green-200: #d5d7bd;
--color-kohlrabi-green-300: #b9ba9b;
--color-kohlrabi-green-400: #a1a17d;
--color-kohlrabi-green-500: #8a8960;
--color-kohlrabi-green-600: #747451;
--color-kohlrabi-green-700: #5d5d41;
--color-kohlrabi-green-800: #45442e;
--color-kohlrabi-green-900: #302f1f;
--color-kohlrabi-green-950: #1c1b0f;
}SCSS
$kohlrabi-green: #d9d9b1;
$kohlrabi-green-rgb: 217, 217, 177;
$kohlrabi-green-light: mix(#fff, $kohlrabi-green, 20%);
$kohlrabi-green-dark: mix(#000, $kohlrabi-green, 20%);
.element {
color: $kohlrabi-green;
box-shadow: 0 0 0 2px rgba($kohlrabi-green, 0.35);
}