Nazwany kolor · #FAD7B3
Sandy Bay
Sandy Bay to #FAD7B3: rgb(250 215 179), hsl(30 88% 84%), oklch(0.9 0.061 67.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sandy Bay color name →
#FAD7B3
oklch(0.9 0.061 67.7)
Konwersje koloru
- HEX
- #fad7b3
- RGB
- rgb(250 215 179)
- HSL
- hsl(30 88% 84%)
- HWB
- hwb(30 70% 2%)
- OKLCH
- oklch(0.9 0.061 67.7)
- OKLab
- oklab(0.9 0.023 0.057)
- CIE Lab
- lab(88.31 8.78 22.58)
- LCH
- lch(88.31 24.23 68.8)
- CMYK
- cmyk(0% 14% 28% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBDBBB
- FBDFC2
- FCE3CA
- FCE7D2
- FDEBD9
- FDEFE1
- FEF3E8
- FEF7F0
- FFFBF7
Odcienie ciemniejsze
- D9BB9B
- BA9F84
- 9B856E
- 7D6B58
- 615243
- 463B2F
- 2D251D
- 15110C
- 030201
Tony
- EDCEAE
- E1C5A9
- D4BCA4
- C8B39F
- BBAB9A
- AFA295
- A3998F
- 97918A
- 8C8885
Harmonie kolorów
Komplementarna +180°
- FAD7B3
Sandy Bay
- C4E2FF
≈ Fresh Water
Analogowa -30° +30°
- FAD7B3
Sandy Bay
- FFD2C5
≈ Simply Delicious
- E9DFB1
≈ Star Bright
Triada +120° +240°
- FAD7B3
Sandy Bay
- B0ECE5
≈ Gentle Giant
- E9D4FE
≈ Rose Dragée
Komplementarna rozszczepiona +150° +210°
- FAD7B3
Sandy Bay
- B0E9F9
≈ Beyond the Clouds
- D5DCFF
≈ Icy Plains
Tetrada +90° +180° +270°
- FAD7B3
Sandy Bay
- BDEBCE
≈ Lost Lace
- C4E2FF
≈ Fresh Water
- FACFEC
≈ Little Smile
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.36:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.43:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.43:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--sandy-bay: #fad7b3;
--sandy-bay-rgb: 250 215 179;
--sandy-bay-oklch: oklch(0.9 0.061 67.7);
}
.element {
color: var(--sandy-bay);
background-color: hsl(30 88% 84%);
border-color: oklch(0.9 0.061 67.7);
}Tailwind CSS v4
@theme {
--color-sandy-bay: #fad7b3;
--color-sandy-bay-50: #fff3e3;
--color-sandy-bay-100: #f6e5d2;
--color-sandy-bay-200: #e6d0b9;
--color-sandy-bay-300: #ccb296;
--color-sandy-bay-400: #b79878;
--color-sandy-bay-500: #a27f59;
--color-sandy-bay-600: #896b4c;
--color-sandy-bay-700: #6e563d;
--color-sandy-bay-800: #513e2b;
--color-sandy-bay-900: #392b1d;
--color-sandy-bay-950: #23180d;
}SCSS
$sandy-bay: #fad7b3;
$sandy-bay-rgb: 250, 215, 179;
$sandy-bay-light: mix(#fff, $sandy-bay, 20%);
$sandy-bay-dark: mix(#000, $sandy-bay, 20%);
.element {
color: $sandy-bay;
box-shadow: 0 0 0 2px rgba($sandy-bay, 0.35);
}