Nazwany kolor · #E0CCB6
Rice Crackers
Rice Crackers to #E0CCB6: rgb(224 204 182), hsl(31 40% 80%), oklch(0.856 0.037 70). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Rice Crackers color name →
#E0CCB6
oklch(0.856 0.037 70)
Konwersje koloru
- HEX
- #e0ccb6
- RGB
- rgb(224 204 182)
- HSL
- hsl(31 40% 80%)
- HWB
- hwb(31 71% 12%)
- OKLCH
- oklch(0.856 0.037 70)
- OKLab
- oklab(0.856 0.013 0.035)
- CIE Lab
- lab(83.29 4.63 13.68)
- LCH
- lch(83.29 14.44 71.3)
- CMYK
- cmyk(0% 9% 19% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3D1BD
- E6D6C4
- E9DBCC
- ECE0D3
- F0E5DA
- F3EAE2
- F6F0E9
- F9F5F0
- FCFAF8
Odcienie ciemniejsze
- C3B19E
- A69786
- 8A7E6F
- 706559
- 564E44
- 3E3730
- 27221D
- 120F0C
- 020202
Tony
- D6C4B1
- CCBCAB
- C2B5A6
- B9ADA0
- AFA59B
- A59E95
- 9C9690
- 928F8B
- 898785
Harmonie kolorów
Komplementarna +180°
- E0CCB6
Rice Crackers
- BED2E8
≈ Misty Mountains
Analogowa -30° +30°
- E0CCB6
Rice Crackers
- E6C8BE
≈ Iced Cherry
- D5D1B5
≈ Pistachio Tang
Triada +120° +240°
- E0CCB6
Rice Crackers
- B5D8D5
≈ Ring Box Blue
- D7C9E2
≈ Purity
Komplementarna rozszczepiona +150° +210°
- E0CCB6
Rice Crackers
- B6D6E1
≈ Rain Check
- CACEE8
≈ Purple Pj’s
Tetrada +90° +180° +270°
- E0CCB6
Rice Crackers
- BCD8C7
≈ Dusty Aqua
- BED2E8
≈ Misty Mountains
- E1C7D7
≈ Marvellous Magic
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.55:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.48:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.48:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--rice-crackers: #e0ccb6;
--rice-crackers-rgb: 224 204 182;
--rice-crackers-oklch: oklch(0.856 0.037 70);
}
.element {
color: var(--rice-crackers);
background-color: hsl(31 40% 80%);
border-color: oklch(0.856 0.037 70);
}Tailwind CSS v4
@theme {
--color-rice-crackers: #e0ccb6;
--color-rice-crackers-50: #fcf4ea;
--color-rice-crackers-100: #f0e6db;
--color-rice-crackers-200: #dfd2c3;
--color-rice-crackers-300: #c4b5a3;
--color-rice-crackers-400: #ad9b87;
--color-rice-crackers-500: #97826c;
--color-rice-crackers-600: #7f6e5b;
--color-rice-crackers-700: #665849;
--color-rice-crackers-800: #4b4035;
--color-rice-crackers-900: #342c24;
--color-rice-crackers-950: #201913;
}SCSS
$rice-crackers: #e0ccb6;
$rice-crackers-rgb: 224, 204, 182;
$rice-crackers-light: mix(#fff, $rice-crackers, 20%);
$rice-crackers-dark: mix(#000, $rice-crackers, 20%);
.element {
color: $rice-crackers;
box-shadow: 0 0 0 2px rgba($rice-crackers, 0.35);
}