Benannte Farbe · #CABAA4
Sail Grey
Sail Grey ist #CABAA4: rgb(202 186 164), hsl(35 26% 72%), oklch(0.796 0.035 75.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sail Grey color name →
#CABAA4
oklch(0.796 0.035 75.9)
Farbumrechnungen
- HEX
- #cabaa4
- RGB
- rgb(202 186 164)
- HSL
- hsl(35 26% 72%)
- HWB
- hwb(35 64% 21%)
- OKLCH
- oklch(0.796 0.035 75.9)
- OKLab
- oklab(0.796 0.009 0.034)
- CIE Lab
- lab(76.43 3.22 13.36)
- LCH
- lch(76.43 13.74 76.4)
- CMYK
- cmyk(0% 8% 19% 21%)
Tints · Shades · Tones
Tints
- CFC1AD
- D4C8B6
- DACEBF
- DFD5C8
- E4DCD1
- EAE3DA
- EFEAE3
- F4F1EC
- FAF8F6
Shades
- AFA18E
- 958979
- 7C7264
- 645C50
- 4D463D
- 37322B
- 221E1A
- 0F0D0A
- 020201
Tones
- C2B4A0
- BBAE9D
- B3A899
- ACA296
- A49D92
- 9D978E
- 96918B
- 8E8B87
- 878684
Farbharmonien
Komplementär +180°
- CABAA4
Sail Grey
- AEBED4
≈ Supremely Cool
Analog -30° +30°
- CABAA4
Sail Grey
- D1B6AA
≈ Likeable Sand
- BFBEA5
≈ Mint Frost
Triadisch +120° +240°
- CABAA4
Sail Grey
- A3C4C4
≈ Ocean Kiss
- C6B6CC
≈ Lavender Fog
Geteilt komplementär +150° +210°
- CABAA4
Sail Grey
- A6C2CE
≈ Drenched
- BABAD3
≈ Purple Heather
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.89:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.07:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 11.07:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--sail-grey: #cabaa4;
--sail-grey-rgb: 202 186 164;
--sail-grey-oklch: oklch(0.796 0.035 75.9);
}
.element {
color: var(--sail-grey);
background-color: hsl(35 26% 72%);
border-color: oklch(0.796 0.035 75.9);
}Tailwind CSS v4
@theme {
--color-sail-grey: #cabaa4;
--color-sail-grey-50: #fbf4ea;
--color-sail-grey-100: #eee7db;
--color-sail-grey-200: #ddd3c4;
--color-sail-grey-300: #c2b6a4;
--color-sail-grey-400: #ab9c88;
--color-sail-grey-500: #94836c;
--color-sail-grey-600: #7d6f5c;
--color-sail-grey-700: #645949;
--color-sail-grey-800: #4a4135;
--color-sail-grey-900: #332d24;
--color-sail-grey-950: #1f1a13;
}SCSS
$sail-grey: #cabaa4;
$sail-grey-rgb: 202, 186, 164;
$sail-grey-light: mix(#fff, $sail-grey, 20%);
$sail-grey-dark: mix(#000, $sail-grey, 20%);
.element {
color: $sail-grey;
box-shadow: 0 0 0 2px rgba($sail-grey, 0.35);
}