Nazwany kolor · #F0B599
Crab Bisque
Crab Bisque to #F0B599: rgb(240 181 153), hsl(19 74% 77%), oklch(0.82 0.079 46.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Crab Bisque color name →
#F0B599
oklch(0.82 0.079 46.5)
Konwersje koloru
- HEX
- #f0b599
- RGB
- rgb(240 181 153)
- HSL
- hsl(19 74% 77%)
- HWB
- hwb(19 60% 6%)
- OKLCH
- oklch(0.82 0.079 46.5)
- OKLab
- oklab(0.82 0.054 0.057)
- CIE Lab
- lab(78.72 19.42 23.07)
- LCH
- lch(78.72 30.15 49.9)
- CMYK
- cmyk(0% 25% 36% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F2BCA3
- F4C4AD
- F6CBB7
- F7D3C2
- F9DACC
- FAE1D6
- FCE9E0
- FDF0EA
- FEF8F5
Odcienie ciemniejsze
- D19D84
- B28670
- 956F5D
- 78594A
- 5D4438
- 433027
- 2A1D17
- 140C08
- 030201
Tony
- E5B097
- D9AA94
- CEA592
- C3A090
- B79B8D
- AC958B
- A19088
- 968B85
- 8B8583
Harmonie kolorów
Komplementarna +180°
- F0B599
Crab Bisque
- 8CCFEC
≈ Anakiwa
Analogowa -30° +30°
- F0B599
Crab Bisque
- F3B0B2
≈ Brain Pink
- E2BE8A
≈ Warm Muffin
Triada +120° +240°
- F0B599
Crab Bisque
- 92D5B9
≈ Larimar Green
- C0BDF6
≈ Vodka
Komplementarna rozszczepiona +150° +210°
- F0B599
Crab Bisque
- 84D5D5
≈ Mountain Lake Blue
- A3C7F7
≈ Baby Blue Eyes
Tetrada +90° +180° +270°
- F0B599
Crab Bisque
- ADD19E
≈ Relaxation Green
- 8CCFEC
≈ Anakiwa
- D9B5E7
≈ Pretty Petunia
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.78:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.77:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.77:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--crab-bisque: #f0b599;
--crab-bisque-rgb: 240 181 153;
--crab-bisque-oklch: oklch(0.82 0.079 46.5);
}
.element {
color: var(--crab-bisque);
background-color: hsl(19 74% 77%);
border-color: oklch(0.82 0.079 46.5);
}Tailwind CSS v4
@theme {
--color-crab-bisque: #f0b599;
--color-crab-bisque-50: #ffefe2;
--color-crab-bisque-100: #ffe1d1;
--color-crab-bisque-200: #f2cbb7;
--color-crab-bisque-300: #daac94;
--color-crab-bisque-400: #c69077;
--color-crab-bisque-500: #b27558;
--color-crab-bisque-600: #96644b;
--color-crab-bisque-700: #78503c;
--color-crab-bisque-800: #59392b;
--color-crab-bisque-900: #3f271d;
--color-crab-bisque-950: #28150d;
}SCSS
$crab-bisque: #f0b599;
$crab-bisque-rgb: 240, 181, 153;
$crab-bisque-light: mix(#fff, $crab-bisque, 20%);
$crab-bisque-dark: mix(#000, $crab-bisque, 20%);
.element {
color: $crab-bisque;
box-shadow: 0 0 0 2px rgba($crab-bisque, 0.35);
}