Benannte Farbe · #CEB587
Sandy Cove
Sandy Cove ist #CEB587: rgb(206 181 135), hsl(39 42% 67%), oklch(0.783 0.068 82.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sandy Cove color name →
#CEB587
oklch(0.783 0.068 82.5)
Farbumrechnungen
- HEX
- #ceb587
- RGB
- rgb(206 181 135)
- HSL
- hsl(39 42% 67%)
- HWB
- hwb(39 53% 19%)
- OKLCH
- oklch(0.783 0.068 82.5)
- OKLab
- oklab(0.783 0.009 0.067)
- CIE Lab
- lab(75.03 4.38 26.97)
- LCH
- lch(75.03 27.33 80.8)
- CMYK
- cmyk(0% 12% 34% 19%)
Tints · Shades · Tones
Tints
- D3BC93
- D8C49F
- DDCBAB
- E2D2B7
- E6DAC3
- EBE1CF
- F0E9DB
- F5F0E7
- FAF8F3
Shades
- B39D75
- 988663
- 7F6F51
- 665941
- 4E4431
- 383021
- 231D13
- 0F0C06
- 020201
Tones
- C6B087
- BEAA86
- B6A586
- AEA085
- A69A85
- 9F9584
- 979083
- 8F8A82
- 888581
Farbharmonien
Komplementär +180°
- CEB587
Sandy Cove
- A1B9E5
≈ Teclis Blue
Analog -30° +30°
- CEB587
Sandy Cove
- DCAD91
≈ Arizona Dust
- B9BD8B
≈ Aloe Plant
Triadisch +120° +240°
- CEB587
Sandy Cove
- 83C6CB
≈ Pearl Bay
- CEABD2
≈ Plink
Geteilt komplementär +150° +210°
- CEB587
Sandy Cove
- 8DC1DD
≈ Club Cruise
- B9B1E1
≈ Beloved
Tetradisch +90° +180° +270°
- CEB587
Sandy Cove
- 8BC7B4
≈ Aquastone
- A1B9E5
≈ Teclis Blue
- DCA7BD
≈ Pink Beauty
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.98:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.58:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--sandy-cove: #ceb587;
--sandy-cove-rgb: 206 181 135;
--sandy-cove-oklch: oklch(0.783 0.068 82.5);
}
.element {
color: var(--sandy-cove);
background-color: hsl(39 42% 67%);
border-color: oklch(0.783 0.068 82.5);
}Tailwind CSS v4
@theme {
--color-sandy-cove: #ceb587;
--color-sandy-cove-50: #fef4e0;
--color-sandy-cove-100: #f2e7cf;
--color-sandy-cove-200: #e2d3b4;
--color-sandy-cove-300: #c8b590;
--color-sandy-cove-400: #b29b70;
--color-sandy-cove-500: #9c8251;
--color-sandy-cove-600: #846e45;
--color-sandy-cove-700: #6a5837;
--color-sandy-cove-800: #4f4027;
--color-sandy-cove-900: #372c1a;
--color-sandy-cove-950: #22190a;
}SCSS
$sandy-cove: #ceb587;
$sandy-cove-rgb: 206, 181, 135;
$sandy-cove-light: mix(#fff, $sandy-cove, 20%);
$sandy-cove-dark: mix(#000, $sandy-cove, 20%);
.element {
color: $sandy-cove;
box-shadow: 0 0 0 2px rgba($sandy-cove, 0.35);
}