Benoemde kleur · #D5CBB2
Aths Special
Aths Special is #D5CBB2: rgb(213 203 178), hsl(43 29% 77%), oklch(0.844 0.036 88.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Aths Special color name →
#D5CBB2
oklch(0.844 0.036 88.8)
Kleurconversies
- HEX
- #d5cbb2
- RGB
- rgb(213 203 178)
- HSL
- hsl(43 29% 77%)
- HWB
- hwb(43 70% 16%)
- OKLCH
- oklch(0.844 0.036 88.8)
- OKLab
- oklab(0.844 0.001 0.036)
- CIE Lab
- lab(82.01 0.54 13.84)
- LCH
- lch(82.01 13.85 87.8)
- CMYK
- cmyk(0% 5% 16% 16%)
Tinten · Schaduwen · Tonen
Tinten
- D9D0BA
- DDD5C1
- E1DAC9
- E6E0D0
- EAE5D8
- EEEAE0
- F2EFE8
- F6F4EF
- FBFAF7
Schaduwen
- B9B09A
- 9E9683
- 837D6D
- 6A6557
- 514D43
- 3A372F
- 24221D
- 100F0C
- 020201
Tonen
- CCC3AD
- C3BCA8
- BBB4A3
- B2AC9E
- AAA599
- A19D94
- 99968F
- 908F8A
- 888785
Kleurharmonieën
Complementair +180°
- D5CBB2
Aths Special
- C2CBE4
≈ Silver Sweetpea
Analoog -30° +30°
- D5CBB2
Aths Special
- DEC7B5
≈ Playa Arenosa
- C9CFB6
≈ Sweet Surrender
Triadisch +120° +240°
- D5CBB2
Aths Special
- B2D3D8
≈ Subtle Breeze
- D9C4D7
≈ Blissful
Gesplitst complementair +150° +210°
- D5CBB2
Aths Special
- B7D0E1
≈ Tender Twilight
- CEC7E0
≈ Angel Kiss
Tetradisch +90° +180° +270°
- D5CBB2
Aths Special
- B4D4CC
≈ Gemini
- C2CBE4
≈ Silver Sweetpea
- E0C3CB
≈ Bunny Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.61:1 · APCA Lc 28
Ag
AAAOp zwart
WCAG 13.01:1 · APCA Lc 75
Beste tekstkleur: #000000
WCAG 13.01:1 (AAA) · APCA Lc 75
Contrast pairs
Codefragmenten
CSS
:root {
--aths-special: #d5cbb2;
--aths-special-rgb: 213 203 178;
--aths-special-oklch: oklch(0.844 0.036 88.8);
}
.element {
color: var(--aths-special);
background-color: hsl(43 29% 77%);
border-color: oklch(0.844 0.036 88.8);
}Tailwind CSS v4
@theme {
--color-aths-special: #d5cbb2;
--color-aths-special-50: #f9f5ea;
--color-aths-special-100: #ece8db;
--color-aths-special-200: #dad4c4;
--color-aths-special-300: #beb7a3;
--color-aths-special-400: #a79e87;
--color-aths-special-500: #90856c;
--color-aths-special-600: #7a715b;
--color-aths-special-700: #615a49;
--color-aths-special-800: #484234;
--color-aths-special-900: #322d24;
--color-aths-special-950: #1e1a13;
}SCSS
$aths-special: #d5cbb2;
$aths-special-rgb: 213, 203, 178;
$aths-special-light: mix(#fff, $aths-special, 20%);
$aths-special-dark: mix(#000, $aths-special, 20%);
.element {
color: $aths-special;
box-shadow: 0 0 0 2px rgba($aths-special, 0.35);
}