Colore con nome più vicino · #233C06
#233C06
Colore con nome più vicino: Melancholia
#233C06 (rgb(35 60 6), hsl(88 82% 13%), oklch(0.324 0.083 131.9)) è più vicino al colore con nome Melancholia. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#233C06
oklch(0.324 0.083 131.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 364E21
- 4A6038
- 5E724F
- 748566
- 89997E
- A0AC97
- B7C0B0
- CED5CA
- E6EAE4
Ombre
- 1D3304
- 172A03
- 112102
- 0C1901
- 071101
- 040A00
- 010400
- 000100
- 000000
Toni
- 2C4316
- 354923
- 3E502E
- 47573A
- 505E45
- 596451
- 636B5D
- 6C7268
- 767974
Armonie di colore
Complementare +180°
- 233C06
Melancholia
- 422552
≈ Galactic Wonder
Analogo -30° +30°
- 233C06
Melancholia
- 3B3500
≈ Camouflage
- 003F28
≈ Angel Green
Triadico +120° +240°
- 233C06
Melancholia
- 0C355D
≈ Incremental Blue
- 561E28
≈ Largest Black Slug
Complementare divisa +150° +210°
- 233C06
Melancholia
- 2E2D5D
≈ Galaxea
- 4F2040
≈ Prestige Mauve
Tetradico +90° +180° +270°
- 233C06
Melancholia
- 003A49
≈ Natural Indigo
- 422552
≈ Galactic Wonder
- 56220C
≈ Peaty Brown
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.20:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.72:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.20:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
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);
}