Adlandırılmış renk · #FDD9B5
Sandy Tan
Sandy Tan, #FDD9B5: rgb(253 217 181), hsl(30 95% 85%), oklch(0.907 0.062 66.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Sandy Tan color name →
#FDD9B5
oklch(0.907 0.062 66.9)
Renk dönüşümleri
- HEX
- #fdd9b5
- RGB
- rgb(253 217 181)
- HSL
- hsl(30 95% 85%)
- HWB
- hwb(30 71% 1%)
- OKLCH
- oklch(0.907 0.062 66.9)
- OKLab
- oklab(0.907 0.024 0.057)
- CIE Lab
- lab(89.11 9.13 22.68)
- LCH
- lch(89.11 24.45 68.1)
- CMYK
- cmyk(0% 14% 28% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FDDDBC
- FEE1C4
- FEE5CB
- FEE8D3
- FEECDA
- FFF0E2
- FFF4E9
- FFF7F0
- FFFBF8
Koyu tonlar
- DCBC9D
- BCA186
- 9D866F
- 7F6C59
- 625344
- 473B30
- 2D251D
- 16110C
- 030202
Gri tonlar
- F0D0B0
- E3C7AA
- D6BEA5
- C9B5A0
- BDAC9B
- B0A395
- A49A90
- 98918B
- 8C8985
Renk uyumları
Tamamlayıcı +180°
- FDD9B5
Sandy Tan
- C8E4FF
≈ Fresh Water
Analog -30° +30°
- FDD9B5
Sandy Tan
- FFD6C9
≈ Tiny Pink
- ECE1B2
≈ Cookies and Cream
Üçlü +120° +240°
- FDD9B5
Sandy Tan
- B1EEE7
≈ East Cape
- EAD7FF
≈ Lavender Savour
Bölünmüş tamamlayıcı +150° +210°
- FDD9B5
Sandy Tan
- B2EBFB
≈ Beyond the Clouds
- D8DEFF
≈ Transparent Blue
Dörtlü +90° +180° +270°
- FDD9B5
Sandy Tan
- BFEDD0
≈ Spatial Spirit
- C8E4FF
≈ Fresh Water
- FCD1EF
≈ Shampoo
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.33:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.76:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.76:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--sandy-tan: #fdd9b5;
--sandy-tan-rgb: 253 217 181;
--sandy-tan-oklch: oklch(0.907 0.062 66.9);
}
.element {
color: var(--sandy-tan);
background-color: hsl(30 95% 85%);
border-color: oklch(0.907 0.062 66.9);
}Tailwind CSS v4
@theme {
--color-sandy-tan: #fdd9b5;
--color-sandy-tan-50: #fff2e3;
--color-sandy-tan-100: #f6e5d2;
--color-sandy-tan-200: #e6d0b8;
--color-sandy-tan-300: #cdb296;
--color-sandy-tan-400: #b89877;
--color-sandy-tan-500: #a27e59;
--color-sandy-tan-600: #896b4c;
--color-sandy-tan-700: #6e563c;
--color-sandy-tan-800: #523e2b;
--color-sandy-tan-900: #392b1d;
--color-sandy-tan-950: #23180d;
}SCSS
$sandy-tan: #fdd9b5;
$sandy-tan-rgb: 253, 217, 181;
$sandy-tan-light: mix(#fff, $sandy-tan, 20%);
$sandy-tan-dark: mix(#000, $sandy-tan, 20%);
.element {
color: $sandy-tan;
box-shadow: 0 0 0 2px rgba($sandy-tan, 0.35);
}