Nazwany kolor · #E3DDBD
Flaxen Fair
Flaxen Fair to #E3DDBD: rgb(227 221 189), hsl(51 40% 82%), oklch(0.894 0.043 98.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Flaxen Fair color name →
#E3DDBD
oklch(0.894 0.043 98.4)
Konwersje koloru
- HEX
- #e3ddbd
- RGB
- rgb(227 221 189)
- HSL
- hsl(51 40% 82%)
- HWB
- hwb(51 74% 11%)
- OKLCH
- oklch(0.894 0.043 98.4)
- OKLab
- oklab(0.894 -0.006 0.042)
- CIE Lab
- lab(87.97 -1.76 16.56)
- LCH
- lch(87.97 16.65 96.1)
- CMYK
- cmyk(0% 3% 17% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6E0C4
- E9E4CA
- EBE7D1
- EEEBD7
- F1EEDE
- F4F1E5
- F7F5EB
- F9F8F2
- FCFCF8
Odcienie ciemniejsze
- C5C0A4
- A8A48C
- 8C8874
- 716E5D
- 575547
- 3F3D33
- 27261F
- 12110D
- 030202
Tony
- D9D3B7
- CECAB1
- C4C0AA
- BAB7A4
- B0AD9E
- A6A498
- 9D9B92
- 93928C
- 898986
Harmonie kolorów
Komplementarna +180°
- E3DDBD
Flaxen Fair
- D5DAF9
≈ Icy Plains
Analogowa -30° +30°
- E3DDBD
Flaxen Fair
- F0D7BE
≈ Pulled Taffy
- D4E2C4
≈ Security
Triada +120° +240°
- E3DDBD
Flaxen Fair
- BDE4EF
≈ Early Forget-Me-Not
- F0D2E6
≈ Infatuation
Komplementarna rozszczepiona +150° +210°
- E3DDBD
Flaxen Fair
- C7DFF8
≈ Fresh Water
- E4D5F2
≈ Pouty Purple
Tetrada +90° +180° +270°
- E3DDBD
Flaxen Fair
- BDE6E1
≈ Tropical Waterfall
- D5DAF9
≈ Icy Plains
- F7D1D6
≈ First Daughter
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.36:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.34:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.34:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--flaxen-fair: #e3ddbd;
--flaxen-fair-rgb: 227 221 189;
--flaxen-fair-oklch: oklch(0.894 0.043 98.4);
}
.element {
color: var(--flaxen-fair);
background-color: hsl(51 40% 82%);
border-color: oklch(0.894 0.043 98.4);
}Tailwind CSS v4
@theme {
--color-flaxen-fair: #e3ddbd;
--color-flaxen-fair-50: #f8f6e8;
--color-flaxen-fair-100: #ebe9d8;
--color-flaxen-fair-200: #d8d5c0;
--color-flaxen-fair-300: #bcb8a0;
--color-flaxen-fair-400: #a59f82;
--color-flaxen-fair-500: #8d8766;
--color-flaxen-fair-600: #777257;
--color-flaxen-fair-700: #605b45;
--color-flaxen-fair-800: #474332;
--color-flaxen-fair-900: #312e22;
--color-flaxen-fair-950: #1d1b11;
}SCSS
$flaxen-fair: #e3ddbd;
$flaxen-fair-rgb: 227, 221, 189;
$flaxen-fair-light: mix(#fff, $flaxen-fair, 20%);
$flaxen-fair-dark: mix(#000, $flaxen-fair, 20%);
.element {
color: $flaxen-fair;
box-shadow: 0 0 0 2px rgba($flaxen-fair, 0.35);
}