Nächste benannte Farbe · #233C06
#233C06
Nächste benannte Farbe: Melancholia
#233C06 (rgb(35 60 6), hsl(88 82% 13%), oklch(0.324 0.083 131.9)) liegt am nächsten an der benannten Farbe Melancholia. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#233C06
oklch(0.324 0.083 131.9)
Farbumrechnungen
- HEX
- #233c06
- RGB
- rgb(35 60 6)
- HSL
- hsl(88 82% 13%)
- HWB
- hwb(88 2% 76%)
- OKLCH
- oklch(0.324 0.083 131.9)
- OKLab
- oklab(0.324 -0.056 0.062)
- CIE Lab
- lab(22.39 -17.5 27.42)
- LCH
- lch(22.39 32.53 122.5)
- CMYK
- cmyk(42% 0% 90% 76%)
Tints · Shades · Tones
Tints
- 364E21
- 4A6038
- 5E724F
- 748566
- 89997E
- A0AC97
- B7C0B0
- CED5CA
- E6EAE4
Shades
- 1D3304
- 172A03
- 112102
- 0C1901
- 071101
- 040A00
- 010400
- 000100
- 000000
Tones
- 2C4316
- 354923
- 3E502E
- 47573A
- 505E45
- 596451
- 636B5D
- 6C7268
- 767974
Farbharmonien
Komplementär +180°
- 233C06
Melancholia
- 422552
≈ Galactic Wonder
Analog -30° +30°
- 233C06
Melancholia
- 3B3500
≈ Camouflage
- 003F28
≈ Angel Green
Triadisch +120° +240°
- 233C06
Melancholia
- 0C355D
≈ Incremental Blue
- 561E28
≈ Largest Black Slug
Geteilt komplementär +150° +210°
- 233C06
Melancholia
- 2E2D5D
≈ Galaxea
- 4F2040
≈ Prestige Mauve
Tetradisch +90° +180° +270°
- 233C06
Melancholia
- 003A49
≈ Natural Indigo
- 422552
≈ Galactic Wonder
- 56220C
≈ Peaty Brown
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.20:1 · APCA Lc 98
Ag
FailAuf Schwarz
WCAG 1.72:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.20:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--melancholia: #233c06;
--melancholia-rgb: 35 60 6;
--melancholia-oklch: oklch(0.324 0.083 131.9);
}
.element {
color: var(--melancholia);
background-color: hsl(88 82% 13%);
border-color: oklch(0.324 0.083 131.9);
}Tailwind CSS v4
@theme {
--color-melancholia: #233c06;
--color-melancholia-50: #ecfbe3;
--color-melancholia-100: #ddefd3;
--color-melancholia-200: #c6ddb9;
--color-melancholia-300: #a6c196;
--color-melancholia-400: #8ca976;
--color-melancholia-500: #729257;
--color-melancholia-600: #607b4a;
--color-melancholia-700: #4d633b;
--color-melancholia-800: #394829;
--color-melancholia-900: #27321b;
--color-melancholia-950: #151e0c;
}SCSS
$melancholia: #233c06;
$melancholia-rgb: 35, 60, 6;
$melancholia-light: mix(#fff, $melancholia, 20%);
$melancholia-dark: mix(#000, $melancholia, 20%);
.element {
color: $melancholia;
box-shadow: 0 0 0 2px rgba($melancholia, 0.35);
}