Nazwany kolor · #F7E5B7
Barley White
Barley White to #F7E5B7: rgb(247 229 183), hsl(43 80% 84%), oklch(0.925 0.063 89.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Barley White color name →
#F7E5B7
oklch(0.925 0.063 89.2)
Konwersje koloru
- HEX
- #f7e5b7
- RGB
- rgb(247 229 183)
- HSL
- hsl(43 80% 84%)
- HWB
- hwb(43 72% 3%)
- OKLCH
- oklch(0.925 0.063 89.2)
- OKLab
- oklab(0.925 0.001 0.063)
- CIE Lab
- lab(91.57 1.25 24.87)
- LCH
- lch(91.57 24.9 87.1)
- CMYK
- cmyk(0% 7% 26% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F8E8BE
- F9EAC6
- F9EDCD
- FAF0D4
- FBF2DB
- FCF5E3
- FDF7EA
- FDFAF1
- FEFCF8
Odcienie ciemniejsze
- D7C79F
- B7AA87
- 998E70
- 7C725A
- 605845
- 453F31
- 2C281E
- 15120C
- 030302
Tony
- EADAB2
- DED0AC
- D2C6A7
- C6BBA1
- BAB19C
- AEA796
- A29D91
- 97938B
- 8B8A86
Harmonie kolorów
Komplementarna +180°
- F7E5B7
Barley White
- DCE6FF
≈ Lavender Mist
Analogowa -30° +30°
- F7E5B7
Barley White
- FFE0C8
≈ Peak Season
- E1EDBE
≈ Spirit Whisper
Triada +120° +240°
- F7E5B7
Barley White
- B6F3FD
≈ Northrend
- FFD8FB
≈ Strawberry Frost
Komplementarna rozszczepiona +150° +210°
- F7E5B7
Barley White
- CFEBFF
≈ Veiling Waterfalls
- EAE1FF
≈ Lavender Savour
Tetrada +90° +180° +270°
- F7E5B7
Barley White
- B9F5E7
≈ Shallow End
- DCE6FF
≈ Lavender Mist
- FFDBE5
≈ Pink Perfume
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.84:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.84:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--barley-white: #f7e5b7;
--barley-white-rgb: 247 229 183;
--barley-white-oklch: oklch(0.925 0.063 89.2);
}
.element {
color: var(--barley-white);
background-color: hsl(43 80% 84%);
border-color: oklch(0.925 0.063 89.2);
}Tailwind CSS v4
@theme {
--color-barley-white: #f7e5b7;
--color-barley-white-50: #fcf5e1;
--color-barley-white-100: #efe8d1;
--color-barley-white-200: #ded4b6;
--color-barley-white-300: #c3b793;
--color-barley-white-400: #ad9d74;
--color-barley-white-500: #978455;
--color-barley-white-600: #7f7048;
--color-barley-white-700: #665a39;
--color-barley-white-800: #4c4129;
--color-barley-white-900: #352d1b;
--color-barley-white-950: #201a0c;
}SCSS
$barley-white: #f7e5b7;
$barley-white-rgb: 247, 229, 183;
$barley-white-light: mix(#fff, $barley-white, 20%);
$barley-white-dark: mix(#000, $barley-white, 20%);
.element {
color: $barley-white;
box-shadow: 0 0 0 2px rgba($barley-white, 0.35);
}