Nazwany kolor · #E4D9C5
Fish Bone
Fish Bone to #E4D9C5: rgb(228 217 197), hsl(39 36% 83%), oklch(0.889 0.029 82.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fish Bone color name →
#E4D9C5
oklch(0.889 0.029 82.6)
Konwersje koloru
- HEX
- #e4d9c5
- RGB
- rgb(228 217 197)
- HSL
- hsl(39 36% 83%)
- HWB
- hwb(39 77% 11%)
- OKLCH
- oklch(0.889 0.029 82.6)
- OKLab
- oklab(0.889 0.004 0.029)
- CIE Lab
- lab(87.19 1.46 11.31)
- LCH
- lch(87.19 11.41 82.7)
- CMYK
- cmyk(0% 5% 14% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E7DDCB
- E9E1D0
- ECE4D6
- EFE8DC
- F1ECE2
- F4F0E8
- F7F4ED
- FAF7F3
- FCFBF9
Odcienie ciemniejsze
- C6BCAB
- A9A192
- 8D8679
- 726C61
- 58534B
- 3F3B35
- 282521
- 12110E
- 030202
Tony
- DAD0BE
- CFC7B7
- C5BDB0
- BBB4A9
- B1ABA2
- A7A39B
- 9D9A94
- 93918D
- 8A8987
Harmonie kolorów
Komplementarna +180°
- E4D9C5
Fish Bone
- D0DBEE
≈ Hawkes Blue
Analogowa -30° +30°
- E4D9C5
Fish Bone
- EBD6C9
≈ Antique Pearl
- DADDC7
≈ Slow Dance
Triada +120° +240°
- E4D9C5
Fish Bone
- C5E1E3
≈ Peek-a-Blue
- E4D4E6
≈ Old Chalk
Komplementarna rozszczepiona +150° +210°
- E4D9C5
Fish Bone
- C8DEEB
≈ Wind of Change
- DAD7ED
≈ Lavender Sky
Tetrada +90° +180° +270°
- E4D9C5
Fish Bone
- C8E1D8
≈ Melting Ice
- D0DBEE
≈ Hawkes Blue
- EBD3DC
≈ Distant Flare
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.39:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.03:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 15.03:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--fish-bone: #e4d9c5;
--fish-bone-rgb: 228 217 197;
--fish-bone-oklch: oklch(0.889 0.029 82.6);
}
.element {
color: var(--fish-bone);
background-color: hsl(39 36% 83%);
border-color: oklch(0.889 0.029 82.6);
}Tailwind CSS v4
@theme {
--color-fish-bone: #e4d9c5;
--color-fish-bone-50: #f9f5ec;
--color-fish-bone-100: #ece7dd;
--color-fish-bone-200: #dad3c6;
--color-fish-bone-300: #beb7a7;
--color-fish-bone-400: #a79d8b;
--color-fish-bone-500: #908570;
--color-fish-bone-600: #7a705f;
--color-fish-bone-700: #615a4c;
--color-fish-bone-800: #484137;
--color-fish-bone-900: #322d26;
--color-fish-bone-950: #1e1a14;
}SCSS
$fish-bone: #e4d9c5;
$fish-bone-rgb: 228, 217, 197;
$fish-bone-light: mix(#fff, $fish-bone, 20%);
$fish-bone-dark: mix(#000, $fish-bone, 20%);
.element {
color: $fish-bone;
box-shadow: 0 0 0 2px rgba($fish-bone, 0.35);
}