Adlandırılmış renk · #F6CDB8
Cape Sands
Cape Sands, #F6CDB8: rgb(246 205 184), hsl(20 78% 84%), oklch(0.878 0.055 48.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Cape Sands color name →
#F6CDB8
oklch(0.878 0.055 48.7)
Renk dönüşümleri
- HEX
- #f6cdb8
- RGB
- rgb(246 205 184)
- HSL
- hsl(20 78% 84%)
- HWB
- hwb(20 72% 4%)
- OKLCH
- oklch(0.878 0.055 48.7)
- OKLab
- oklab(0.878 0.036 0.041)
- CIE Lab
- lab(85.59 12.66 16.19)
- LCH
- lch(85.59 20.55 52)
- CMYK
- cmyk(0% 17% 25% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F7D2BF
- F8D7C6
- F9DCCD
- FAE1D4
- FBE6DB
- FCEBE2
- FDF0EA
- FEF5F1
- FEFAF8
Koyu tonlar
- D6B2A0
- B79888
- 987E71
- 7B665B
- 5F4E45
- 453831
- 2C231E
- 150F0C
- 030202
Gri tonlar
- EAC5B2
- DEBDAD
- D1B5A7
- C6AEA1
- BAA69C
- AE9E96
- A29791
- 978F8B
- 8B8786
Renk uyumları
Tamamlayıcı +180°
- F6CDB8
Cape Sands
- B2DFF4
≈ Azure Sky
Analog -30° +30°
- F6CDB8
Cape Sands
- F9C9C9
≈ Sunday Best
- EBD3AF
≈ Givry
Üçlü +120° +240°
- F6CDB8
Cape Sands
- B5E3D0
≈ Crystal Rapids
- D5D2FA
≈ Pale Phthalo Blue
Bölünmüş tamamlayıcı +150° +210°
- F6CDB8
Cape Sands
- ADE2E4
≈ Opal
- C1D9FC
≈ Oh Boy!
Dörtlü +90° +180° +270°
- F6CDB8
Cape Sands
- C5E0BE
≈ Limestone Slate
- B2DFF4
≈ Azure Sky
- E7CCEE
≈ Bubblegum Crisis
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.46:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.34:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.34:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--cape-sands: #f6cdb8;
--cape-sands-rgb: 246 205 184;
--cape-sands-oklch: oklch(0.878 0.055 48.7);
}
.element {
color: var(--cape-sands);
background-color: hsl(20 78% 84%);
border-color: oklch(0.878 0.055 48.7);
}Tailwind CSS v4
@theme {
--color-cape-sands: #f6cdb8;
--color-cape-sands-50: #fff1e7;
--color-cape-sands-100: #f8e3d8;
--color-cape-sands-200: #e8cec0;
--color-cape-sands-300: #cfb09f;
--color-cape-sands-400: #ba9583;
--color-cape-sands-500: #a57c66;
--color-cape-sands-600: #8b6957;
--color-cape-sands-700: #705445;
--color-cape-sands-800: #533d32;
--color-cape-sands-900: #3a2a22;
--color-cape-sands-950: #241711;
}SCSS
$cape-sands: #f6cdb8;
$cape-sands-rgb: 246, 205, 184;
$cape-sands-light: mix(#fff, $cape-sands, 20%);
$cape-sands-dark: mix(#000, $cape-sands, 20%);
.element {
color: $cape-sands;
box-shadow: 0 0 0 2px rgba($cape-sands, 0.35);
}