Adlandırılmış renk · #ACCDE5
Frosty Snow Cap
Frosty Snow Cap, #ACCDE5: rgb(172 205 229), hsl(205 52% 79%), oklch(0.832 0.049 239.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Frosty Snow Cap color name →
#ACCDE5
oklch(0.832 0.049 239.8)
Renk dönüşümleri
- HEX
- #accde5
- RGB
- rgb(172 205 229)
- HSL
- hsl(205 52% 79%)
- HWB
- hwb(205 67% 10%)
- OKLCH
- oklch(0.832 0.049 239.8)
- OKLab
- oklab(0.832 -0.025 -0.042)
- CIE Lab
- lab(80.57 -7.42 -15.77)
- LCH
- lch(80.57 17.43 244.8)
- CMYK
- cmyk(25% 10% 0% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B4D2E8
- BDD7EA
- C5DCED
- CDE1F0
- D5E6F2
- DEEBF5
- E6F0F7
- EEF5FA
- F7FAFC
Koyu tonlar
- 95B2C7
- 7F98AA
- 697E8E
- 546672
- 404E58
- 2D383F
- 1B2328
- 0B0F12
- 010203
Gri tonlar
- A8C5DA
- A3BDD0
- 9FB5C6
- 9BAEBC
- 96A6B1
- 929EA7
- 8D979D
- 898F93
- 84878A
Renk uyumları
Tamamlayıcı +180°
- ACCDE5
Frosty Snow Cap
- E1C1A9
≈ Group Hug
Analog -30° +30°
- ACCDE5
Frosty Snow Cap
- A4D1D9
≈ Cay
- BBC7E9
≈ Pale Wisteria
Üçlü +120° +240°
- ACCDE5
Frosty Snow Cap
- E4BBC7
≈ Spring Pink
- C4CDAA
≈ Baize Green
Bölünmüş tamamlayıcı +150° +210°
- ACCDE5
Frosty Snow Cap
- E6BDB6
≈ Rose Fog
- D4C7A4
≈ Thatched Cottage
Dörtlü +90° +180° +270°
- ACCDE5
Frosty Snow Cap
- DBBDD7
≈ Thistle
- E1C1A9
≈ Group Hug
- B2D1B7
≈ Enchanted Meadow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.66:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.61:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.61:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--frosty-snow-cap: #accde5;
--frosty-snow-cap-rgb: 172 205 229;
--frosty-snow-cap-oklch: oklch(0.832 0.049 239.8);
}
.element {
color: var(--frosty-snow-cap);
background-color: hsl(205 52% 79%);
border-color: oklch(0.832 0.049 239.8);
}Tailwind CSS v4
@theme {
--color-frosty-snow-cap: #accde5;
--color-frosty-snow-cap-50: #eaf7ff;
--color-frosty-snow-cap-100: #daeaf7;
--color-frosty-snow-cap-200: #c3d7e8;
--color-frosty-snow-cap-300: #a2bbcf;
--color-frosty-snow-cap-400: #85a3b9;
--color-frosty-snow-cap-500: #698ba4;
--color-frosty-snow-cap-600: #59768a;
--color-frosty-snow-cap-700: #475e6f;
--color-frosty-snow-cap-800: #324551;
--color-frosty-snow-cap-900: #223039;
--color-frosty-snow-cap-950: #111c23;
}SCSS
$frosty-snow-cap: #accde5;
$frosty-snow-cap-rgb: 172, 205, 229;
$frosty-snow-cap-light: mix(#fff, $frosty-snow-cap, 20%);
$frosty-snow-cap-dark: mix(#000, $frosty-snow-cap, 20%);
.element {
color: $frosty-snow-cap;
box-shadow: 0 0 0 2px rgba($frosty-snow-cap, 0.35);
}