Nazwany kolor · #E4CB97
Abstract
Abstract to #E4CB97: rgb(228 203 151), hsl(41 59% 74%), oklch(0.851 0.073 85.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Abstract color name →
#E4CB97
oklch(0.851 0.073 85.2)
Konwersje koloru
- HEX
- #e4cb97
- RGB
- rgb(228 203 151)
- HSL
- hsl(41 59% 74%)
- HWB
- hwb(41 59% 11%)
- OKLCH
- oklch(0.851 0.073 85.2)
- OKLab
- oklab(0.851 0.006 0.073)
- CIE Lab
- lab(82.89 3.59 29.39)
- LCH
- lch(82.89 29.61 83)
- CMYK
- cmyk(0% 11% 34% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E7D0A2
- E9D5AC
- ECDBB7
- EFE0C1
- F2E5CB
- F4EAD6
- F7EFE0
- FAF5EA
- FCFAF5
Odcienie ciemniejsze
- C6B083
- A9966F
- 8D7D5C
- 726549
- 584D37
- 3F3726
- 282217
- 120F08
- 030201
Tony
- DAC395
- CFBC93
- C5B491
- BBAC8F
- B1A58D
- A79D8A
- 9D9688
- 938F85
- 8A8783
Harmonie kolorów
Komplementarna +180°
- E4CB97
Abstract
- B7CEFF
≈ Ice Cold Stare
Analogowa -30° +30°
- E4CB97
Abstract
- F4C2A0
≈ Almond Cream
- CCD49D
≈ Cucumber Ice
Triada +120° +240°
- E4CB97
Abstract
- 93DCE5
≈ Exotic Escape
- E7BEE9
≈ Prom Corsage
Komplementarna rozszczepiona +150° +210°
- E4CB97
Abstract
- 9FD6F8
≈ Juzcar Blue
- D1C5FA
≈ Innocent Snowdrop
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.28:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.28:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--abstract: #e4cb97;
--abstract-rgb: 228 203 151;
--abstract-oklch: oklch(0.851 0.073 85.2);
}
.element {
color: var(--abstract);
background-color: hsl(41 59% 74%);
border-color: oklch(0.851 0.073 85.2);
}Tailwind CSS v4
@theme {
--color-abstract: #e4cb97;
--color-abstract-50: #fef4de;
--color-abstract-100: #f2e7cd;
--color-abstract-200: #e2d3b1;
--color-abstract-300: #c7b68d;
--color-abstract-400: #b29c6c;
--color-abstract-500: #9c834b;
--color-abstract-600: #846f40;
--color-abstract-700: #6a5833;
--color-abstract-800: #4f4024;
--color-abstract-900: #372c18;
--color-abstract-950: #221909;
}SCSS
$abstract: #e4cb97;
$abstract-rgb: 228, 203, 151;
$abstract-light: mix(#fff, $abstract, 20%);
$abstract-dark: mix(#000, $abstract, 20%);
.element {
color: $abstract;
box-shadow: 0 0 0 2px rgba($abstract, 0.35);
}