Nazwany kolor · #E0D1B8
Chopsticks
Chopsticks to #E0D1B8: rgb(224 209 184), hsl(37 39% 80%), oklch(0.866 0.037 80.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Chopsticks color name →
#E0D1B8
oklch(0.866 0.037 80.6)
Konwersje koloru
- HEX
- #e0d1b8
- RGB
- rgb(224 209 184)
- HSL
- hsl(37 39% 80%)
- HWB
- hwb(37 72% 12%)
- OKLCH
- oklch(0.866 0.037 80.6)
- OKLab
- oklab(0.866 0.006 0.037)
- CIE Lab
- lab(84.59 2.4 14.43)
- LCH
- lch(84.59 14.62 80.6)
- CMYK
- cmyk(0% 7% 18% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3D6BF
- E6DAC6
- E9DFCD
- ECE3D4
- EFE8DB
- F3ECE2
- F6F1E9
- F9F6F1
- FCFAF8
Odcienie ciemniejsze
- C3B5A0
- A69B88
- 8A8171
- 70685B
- 565045
- 3E3931
- 27231E
- 12100C
- 020202
Tony
- D6C9B2
- CCC0AD
- C2B8A7
- B8B0A1
- AFA89C
- A5A096
- 9C9891
- 92908B
- 898886
Harmonie kolorów
Komplementarna +180°
- E0D1B8
Chopsticks
- C5D4EC
≈ Light Radar
Analogowa -30° +30°
- E0D1B8
Chopsticks
- E8CDBD
≈ Life Is a Peach
- D4D6BA
≈ Pale Cucumber
Triada +120° +240°
- E0D1B8
Chopsticks
- B7DBDD
≈ Light Watermark
- DFCCE2
≈ Pouf of Pink
Komplementarna rozszczepiona +150° +210°
- E0D1B8
Chopsticks
- BBD8E7
≈ Watercolour Sky
- D2CFEB
≈ Artistic Violet
Tetrada +90° +180° +270°
- E0D1B8
Chopsticks
- BCDBCF
≈ Mirador
- C5D4EC
≈ Light Radar
- E7CAD6
≈ Cradle Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.50:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.98:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 13.98:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--chopsticks: #e0d1b8;
--chopsticks-rgb: 224 209 184;
--chopsticks-oklch: oklch(0.866 0.037 80.6);
}
.element {
color: var(--chopsticks);
background-color: hsl(37 39% 80%);
border-color: oklch(0.866 0.037 80.6);
}Tailwind CSS v4
@theme {
--color-chopsticks: #e0d1b8;
--color-chopsticks-50: #faf4e9;
--color-chopsticks-100: #eee7da;
--color-chopsticks-200: #dcd3c3;
--color-chopsticks-300: #c1b6a2;
--color-chopsticks-400: #aa9d86;
--color-chopsticks-500: #93846a;
--color-chopsticks-600: #7c705a;
--color-chopsticks-700: #645948;
--color-chopsticks-800: #4a4134;
--color-chopsticks-900: #332d23;
--color-chopsticks-950: #1f1a12;
}SCSS
$chopsticks: #e0d1b8;
$chopsticks-rgb: 224, 209, 184;
$chopsticks-light: mix(#fff, $chopsticks, 20%);
$chopsticks-dark: mix(#000, $chopsticks, 20%);
.element {
color: $chopsticks;
box-shadow: 0 0 0 2px rgba($chopsticks, 0.35);
}