Colore con nome · #EAD5B6
Rutabaga
Rutabaga è #EAD5B6: rgb(234 213 182), hsl(36 55% 82%), oklch(0.882 0.047 77.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Rutabaga color name →
#EAD5B6
oklch(0.882 0.047 77.6)
Conversioni di colore
- HEX
- #ead5b6
- RGB
- rgb(234 213 182)
- HSL
- hsl(36 55% 82%)
- HWB
- hwb(36 71% 8%)
- OKLCH
- oklch(0.882 0.047 77.6)
- OKLab
- oklab(0.882 0.01 0.046)
- CIE Lab
- lab(86.43 3.99 18.17)
- LCH
- lch(86.43 18.6 77.6)
- CMYK
- cmyk(0% 9% 22% 8%)
Tinte · Ombre · Toni
Tinte
- ECD9BD
- EEDDC5
- F0E2CC
- F2E6D3
- F5EADA
- F7EEE2
- F9F2E9
- FBF7F0
- FDFBF8
Ombre
- CBB99E
- AE9E86
- 91836F
- 756A59
- 5A5144
- 413A30
- 29241D
- 13100C
- 030202
Toni
- DFCCB1
- D4C3AB
- C9BBA6
- BEB2A0
- B4AA9B
- A9A196
- 9F9990
- 94908B
- 8A8885
Armonie di colore
Complementare +180°
- EAD5B6
Rutabaga
- C5DAF8
≈ Fly a Kite
Analogo -30° +30°
- EAD5B6
Rutabaga
- F4D0BE
≈ Indian Clay
- DBDBB7
≈ Beach Grass
Triadico +120° +240°
- EAD5B6
Rutabaga
- B5E2E3
≈ Fine Blue
- E6CFED
≈ Little Touch
Complementare divisa +150° +210°
- EAD5B6
Rutabaga
- B9DFF1
≈ Fountains of Budapest
- D6D4F7
≈ Japan Blush
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.69:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.69:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--rutabaga: #ead5b6;
--rutabaga-rgb: 234 213 182;
--rutabaga-oklch: oklch(0.882 0.047 77.6);
}
.element {
color: var(--rutabaga);
background-color: hsl(36 55% 82%);
border-color: oklch(0.882 0.047 77.6);
}Tailwind CSS v4
@theme {
--color-rutabaga: #ead5b6;
--color-rutabaga-50: #fcf4e6;
--color-rutabaga-100: #f0e6d7;
--color-rutabaga-200: #dfd2be;
--color-rutabaga-300: #c4b59d;
--color-rutabaga-400: #ae9b7f;
--color-rutabaga-500: #988363;
--color-rutabaga-600: #806f54;
--color-rutabaga-700: #675843;
--color-rutabaga-800: #4c4030;
--color-rutabaga-900: #352c21;
--color-rutabaga-950: #201910;
}SCSS
$rutabaga: #ead5b6;
$rutabaga-rgb: 234, 213, 182;
$rutabaga-light: mix(#fff, $rutabaga, 20%);
$rutabaga-dark: mix(#000, $rutabaga, 20%);
.element {
color: $rutabaga;
box-shadow: 0 0 0 2px rgba($rutabaga, 0.35);
}