En yakın adlandırılmış renk · #A2D9F4
#A2D9F4
En yakın adlandırılmış renk: Frozen Landscape
#A2D9F4 (rgb(162 217 244), hsl(200 79% 80%), oklch(0.857 0.068 229.7)) en çok Frozen Landscape adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#A2D9F4
oklch(0.857 0.068 229.7)
Renk dönüşümleri
- HEX
- #a2d9f4
- RGB
- rgb(162 217 244)
- HSL
- hsl(200 79% 80%)
- HWB
- hwb(200 64% 4%)
- OKLCH
- oklch(0.857 0.068 229.7)
- OKLab
- oklab(0.857 -0.044 -0.052)
- CIE Lab
- lab(83.58 -13.51 -19.29)
- LCH
- lch(83.58 23.55 235)
- CMYK
- cmyk(34% 11% 0% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ACDDF5
- B5E1F6
- BFE5F8
- C8E8F9
- D1ECFA
- DBF0FB
- E4F4FC
- EDF8FD
- F6FBFE
Koyu tonlar
- 8CBCD4
- 77A1B5
- 638697
- 4F6C7A
- 3C535E
- 2A3B44
- 19252B
- 0A1114
- 010203
Gri tonlar
- 9FD0E8
- 9CC7DC
- 99BED0
- 95B5C4
- 92ACB9
- 8FA3AD
- 8B9AA2
- 889196
- 84898B
Renk uyumları
Tamamlayıcı +180°
- A2D9F4
Frozen Landscape
- F6C4A9
≈ Pink Beach
Analog -30° +30°
- A2D9F4
Frozen Landscape
- 9ADEE1
≈ Pale Pastel
- B6D1FD
≈ Ice Cold Stare
Üçlü +120° +240°
- A2D9F4
Frozen Landscape
- F3BED6
≈ Parrot Tulip
- D2D4A1
≈ Fresh Start
Bölünmüş tamamlayıcı +150° +210°
- A2D9F4
Frozen Landscape
- F9BFBE
≈ Carnation Bloom
- E8CC9E
≈ Harvest
Dörtlü +90° +180° +270°
- A2D9F4
Frozen Landscape
- E4C2EC
≈ Prom Corsage
- F6C4A9
≈ Pink Beach
- B9DBB1
≈ A Mann’s Mint
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.52:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.76:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.76:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--frozen-landscape: #a2d9f4;
--frozen-landscape-rgb: 162 217 244;
--frozen-landscape-oklch: oklch(0.857 0.068 229.7);
}
.element {
color: var(--frozen-landscape);
background-color: hsl(200 79% 80%);
border-color: oklch(0.857 0.068 229.7);
}Tailwind CSS v4
@theme {
--color-frozen-landscape: #a2d9f4;
--color-frozen-landscape-50: #e3f9ff;
--color-frozen-landscape-100: #d2edfb;
--color-frozen-landscape-200: #b8daed;
--color-frozen-landscape-300: #95bed4;
--color-frozen-landscape-400: #74a6bf;
--color-frozen-landscape-500: #548faa;
--color-frozen-landscape-600: #477990;
--color-frozen-landscape-700: #396173;
--color-frozen-landscape-800: #274755;
--color-frozen-landscape-900: #1a313b;
--color-frozen-landscape-950: #0b1d25;
}SCSS
$frozen-landscape: #a2d9f4;
$frozen-landscape-rgb: 162, 217, 244;
$frozen-landscape-light: mix(#fff, $frozen-landscape, 20%);
$frozen-landscape-dark: mix(#000, $frozen-landscape, 20%);
.element {
color: $frozen-landscape;
box-shadow: 0 0 0 2px rgba($frozen-landscape, 0.35);
}