En yakın adlandırılmış renk · #AED4DF
#AED4DF
En yakın adlandırılmış renk: Light Blue
#AED4DF (rgb(174 212 223), hsl(193 43% 78%), oklch(0.846 0.043 217.2)) en çok Light Blue 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.
#AED4DF
oklch(0.846 0.043 217.2)
Renk dönüşümleri
- HEX
- #aed4df
- RGB
- rgb(174 212 223)
- HSL
- hsl(193 43% 78%)
- HWB
- hwb(193 68% 13%)
- OKLCH
- oklch(0.846 0.043 217.2)
- OKLab
- oklab(0.846 -0.034 -0.026)
- CIE Lab
- lab(82.43 -11.18 -9.82)
- LCH
- lch(82.43 14.88 221.3)
- CMYK
- cmyk(22% 5% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B6D8E2
- BEDDE5
- C6E1E9
- CEE5EC
- D7E9EF
- DFEEF2
- E7F2F5
- EFF6F9
- F7FBFC
Koyu tonlar
- 97B8C2
- 809DA5
- 6A838A
- 55696F
- 415156
- 2E3A3D
- 1C2427
- 0B1012
- 010202
Gri tonlar
- A9CBD5
- A5C3CB
- A0BAC2
- 9CB2B8
- 97A9AE
- 93A1A5
- 8E989C
- 899092
- 858889
Renk uyumları
Tamamlayıcı +180°
- AED4DF
Light Blue
- E7C3B9
≈ Mellow Marrow
Analog -30° +30°
- AED4DF
Light Blue
- AED6D1
≈ Sugar Pool
- B7D0E8
≈ Modern Blue
Üçlü +120° +240°
- AED4DF
Light Blue
- E0C2D7
≈ Plum Taffy
- D4CDAE
≈ Dance With the Wind
Bölünmüş tamamlayıcı +150° +210°
- AED4DF
Light Blue
- E7C2C7
≈ Primrose Pink
- E0C8AF
≈ Warm Shell
Dörtlü +90° +180° +270°
- AED4DF
Light Blue
- D4C6E3
≈ Foggy Love
- E7C3B9
≈ Mellow Marrow
- C5D2B4
≈ Bonsai Tint
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.58:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.28:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.28:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-blue: #aed4df;
--light-blue-rgb: 174 212 223;
--light-blue-oklch: oklch(0.846 0.043 217.2);
}
.element {
color: var(--light-blue);
background-color: hsl(193 43% 78%);
border-color: oklch(0.846 0.043 217.2);
}Tailwind CSS v4
@theme {
--color-light-blue: #aed4df;
--color-light-blue-50: #e8f8fe;
--color-light-blue-100: #d9ecf2;
--color-light-blue-200: #c1d9e1;
--color-light-blue-300: #a0bdc6;
--color-light-blue-400: #82a5af;
--color-light-blue-500: #668e99;
--color-light-blue-600: #567881;
--color-light-blue-700: #456068;
--color-light-blue-800: #31464c;
--color-light-blue-900: #213135;
--color-light-blue-950: #111d20;
}SCSS
$light-blue: #aed4df;
$light-blue-rgb: 174, 212, 223;
$light-blue-light: mix(#fff, $light-blue, 20%);
$light-blue-dark: mix(#000, $light-blue, 20%);
.element {
color: $light-blue;
box-shadow: 0 0 0 2px rgba($light-blue, 0.35);
}