Nazwany kolor · #D2C098
Sandy Pail
Sandy Pail to #D2C098: rgb(210 192 152), hsl(41 39% 71%), oklch(0.813 0.057 86.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Sandy Pail color name →
#D2C098
oklch(0.813 0.057 86.6)
Konwersje koloru
- HEX
- #d2c098
- RGB
- rgb(210 192 152)
- HSL
- hsl(41 39% 71%)
- HWB
- hwb(41 60% 18%)
- OKLCH
- oklch(0.813 0.057 86.6)
- OKLab
- oklab(0.813 0.003 0.057)
- CIE Lab
- lab(78.48 2.06 22.67)
- LCH
- lch(78.48 22.77 84.8)
- CMYK
- cmyk(0% 9% 28% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6C6A2
- DBCCAC
- DFD3B7
- E4D9C1
- E8DFCB
- EDE6D5
- F1ECE0
- F6F2EA
- FAF9F5
Odcienie ciemniejsze
- B6A784
- 9B8E70
- 81765C
- 685F4A
- 504938
- 393427
- 242017
- 100E08
- 020201
Tony
- C9B996
- C1B394
- B9AC91
- B0A68F
- A8A08D
- A0998A
- 989388
- 908D85
- 888683
Harmonie kolorów
Komplementarna +180°
- D2C098
Sandy Pail
- B1C2E8
≈ Spoiled Rotten
Analogowa -30° +30°
- D2C098
Sandy Pail
- DFB99E
≈ So Baja
- BFC79D
≈ Seagrass
Triada +120° +240°
- D2C098
Sandy Pail
- 96CDD4
≈ Peppermint Twist
- D6B5D6
≈ Confectionary
Komplementarna rozszczepiona +150° +210°
- D2C098
Sandy Pail
- 9FC8E2
≈ Legacy Blue
- C5BBE3
≈ Viking Diva
Tetrada +90° +180° +270°
- D2C098
Sandy Pail
- 9BCEC1
≈ Thermal Aqua
- B1C2E8
≈ Spoiled Rotten
- E1B3C2
≈ Mental Floss
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.78:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.73:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.73:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--sandy-pail: #d2c098;
--sandy-pail-rgb: 210 192 152;
--sandy-pail-oklch: oklch(0.813 0.057 86.6);
}
.element {
color: var(--sandy-pail);
background-color: hsl(41 39% 71%);
border-color: oklch(0.813 0.057 86.6);
}Tailwind CSS v4
@theme {
--color-sandy-pail: #d2c098;
--color-sandy-pail-50: #fcf5e3;
--color-sandy-pail-100: #f0e7d3;
--color-sandy-pail-200: #ded3b9;
--color-sandy-pail-300: #c3b697;
--color-sandy-pail-400: #ad9d78;
--color-sandy-pail-500: #97845a;
--color-sandy-pail-600: #7f704c;
--color-sandy-pail-700: #66593d;
--color-sandy-pail-800: #4c412b;
--color-sandy-pail-900: #342d1d;
--color-sandy-pail-950: #201a0d;
}SCSS
$sandy-pail: #d2c098;
$sandy-pail-rgb: 210, 192, 152;
$sandy-pail-light: mix(#fff, $sandy-pail, 20%);
$sandy-pail-dark: mix(#000, $sandy-pail, 20%);
.element {
color: $sandy-pail;
box-shadow: 0 0 0 2px rgba($sandy-pail, 0.35);
}