Nazwany kolor · #F1E1B0
Bone White
Bone White to #F1E1B0: rgb(241 225 176), hsl(45 70% 82%), oklch(0.911 0.066 92.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Bone White color name →
#F1E1B0
oklch(0.911 0.066 92.1)
Konwersje koloru
- HEX
- #f1e1b0
- RGB
- rgb(241 225 176)
- HSL
- hsl(45 70% 82%)
- HWB
- hwb(45 69% 5%)
- OKLCH
- oklch(0.911 0.066 92.1)
- OKLab
- oklab(0.911 -0.002 0.066)
- CIE Lab
- lab(89.94 0.22 26.15)
- LCH
- lch(89.94 26.16 89.5)
- CMYK
- cmyk(0% 7% 27% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F2E4B8
- F4E7C0
- F5EAC8
- F7EDD0
- F8F0D8
- F9F3E0
- FBF6E8
- FCF9EF
- FEFCF7
Odcienie ciemniejsze
- D2C499
- B3A782
- 958B6C
- 797056
- 5D5642
- 433E2E
- 2B271C
- 14120B
- 030201
Tony
- E5D7AB
- D9CDA7
- CEC3A2
- C2B99D
- B7AF98
- ACA694
- A09C8F
- 96938A
- 8B8985
Harmonie kolorów
Komplementarna +180°
- F1E1B0
Bone White
- D7E1FF
≈ Contrail
Analogowa -30° +30°
- F1E1B0
Bone White
- FFDABA
≈ Peach Puff
- DAE9B9
≈ Budding Bloom
Triada +120° +240°
- F1E1B0
Bone White
- AFEEFB
≈ Beyond the Clouds
- FDD2F5
≈ Shampoo
Komplementarna rozszczepiona +150° +210°
- F1E1B0
Bone White
- C7E6FF
≈ Icy Landscape
- E8DAFF
≈ Lavender Savour
Tetrada +90° +180° +270°
- F1E1B0
Bone White
- B1F1E5
≈ East Cape
- D7E1FF
≈ Contrail
- FFD5DF
≈ No Need to Blush
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.30:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.13:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.13:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--bone-white: #f1e1b0;
--bone-white-rgb: 241 225 176;
--bone-white-oklch: oklch(0.911 0.066 92.1);
}
.element {
color: var(--bone-white);
background-color: hsl(45 70% 82%);
border-color: oklch(0.911 0.066 92.1);
}Tailwind CSS v4
@theme {
--color-bone-white: #f1e1b0;
--color-bone-white-50: #fbf5e0;
--color-bone-white-100: #efe8d0;
--color-bone-white-200: #ddd4b5;
--color-bone-white-300: #c2b792;
--color-bone-white-400: #ac9e72;
--color-bone-white-500: #968552;
--color-bone-white-600: #7f7146;
--color-bone-white-700: #655a38;
--color-bone-white-800: #4b4227;
--color-bone-white-900: #342d1a;
--color-bone-white-950: #201a0b;
}SCSS
$bone-white: #f1e1b0;
$bone-white-rgb: 241, 225, 176;
$bone-white-light: mix(#fff, $bone-white, 20%);
$bone-white-dark: mix(#000, $bone-white, 20%);
.element {
color: $bone-white;
box-shadow: 0 0 0 2px rgba($bone-white, 0.35);
}