Adlandırılmış renk · #CACFE6
Casa del Mar
Casa del Mar, #CACFE6: rgb(202 207 230), hsl(229 36% 85%), oklch(0.858 0.032 276). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Casa del Mar color name →
#CACFE6
oklch(0.858 0.032 276)
Renk dönüşümleri
- HEX
- #cacfe6
- RGB
- rgb(202 207 230)
- HSL
- hsl(229 36% 85%)
- HWB
- hwb(229 79% 10%)
- OKLCH
- oklch(0.858 0.032 276)
- OKLab
- oklab(0.858 0.003 -0.032)
- CIE Lab
- lab(83.27 1.59 -12.02)
- LCH
- lch(83.27 12.13 277.5)
- CMYK
- cmyk(12% 10% 0% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CFD4E9
- D4D8EB
- DADDEE
- DFE2F0
- E4E7F3
- EAECF5
- EFF0F8
- F4F5FA
- FAFAFD
Koyu tonlar
- AFB4C8
- 9599AB
- 7C7F8E
- 646773
- 4D4F59
- 373840
- 222328
- 0F1013
- 020203
Gri tonlar
- C2C7DB
- BBBFD1
- B3B7C6
- ACAFBC
- A4A7B2
- 9D9FA8
- 96979E
- 8E8F94
- 87888A
Renk uyumları
Tamamlayıcı +180°
- CACFE6
Casa del Mar
- D6D1B9
≈ Pistachio Tang
Analog -30° +30°
- CACFE6
Casa del Mar
- C0D3E5
≈ Surf’s Surprise
- D5CBE2
≈ Whipped Plum
Üçlü +120° +240°
- CACFE6
Casa del Mar
- E4C9C2
≈ Red Sandstorm
- C0D7C8
≈ Malted Mint
Bölünmüş tamamlayıcı +150° +210°
- CACFE6
Casa del Mar
- DFCDBB
≈ Honey Lime Chicken
- CBD4BE
≈ Garlic Suede
Dörtlü +90° +180° +270°
- CACFE6
Casa del Mar
- E4C8CD
≈ Perfume Cloud
- D6D1B9
≈ Pistachio Tang
- BAD8D3
≈ High Point
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.54:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.57:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.57:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--casa-del-mar: #cacfe6;
--casa-del-mar-rgb: 202 207 230;
--casa-del-mar-oklch: oklch(0.858 0.032 276);
}
.element {
color: var(--casa-del-mar);
background-color: hsl(229 36% 85%);
border-color: oklch(0.858 0.032 276);
}Tailwind CSS v4
@theme {
--color-casa-del-mar: #cacfe6;
--color-casa-del-mar-50: #f3f4ff;
--color-casa-del-mar-100: #e5e7f3;
--color-casa-del-mar-200: #d1d3e2;
--color-casa-del-mar-300: #b3b6c8;
--color-casa-del-mar-400: #999db2;
--color-casa-del-mar-500: #80859c;
--color-casa-del-mar-600: #6c7084;
--color-casa-del-mar-700: #575a6a;
--color-casa-del-mar-800: #3f424e;
--color-casa-del-mar-900: #2b2d36;
--color-casa-del-mar-950: #181a21;
}SCSS
$casa-del-mar: #cacfe6;
$casa-del-mar-rgb: 202, 207, 230;
$casa-del-mar-light: mix(#fff, $casa-del-mar, 20%);
$casa-del-mar-dark: mix(#000, $casa-del-mar, 20%);
.element {
color: $casa-del-mar;
box-shadow: 0 0 0 2px rgba($casa-del-mar, 0.35);
}