Adlandırılmış renk · #A1BED9
Everlasting
Everlasting, #A1BED9: rgb(161 190 217), hsl(209 42% 74%), oklch(0.789 0.05 246.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Everlasting color name →
#A1BED9
oklch(0.789 0.05 246.6)
Renk dönüşümleri
- HEX
- #a1bed9
- RGB
- rgb(161 190 217)
- HSL
- hsl(209 42% 74%)
- HWB
- hwb(209 63% 15%)
- OKLCH
- oklch(0.789 0.05 246.6)
- OKLab
- oklab(0.789 -0.02 -0.046)
- CIE Lab
- lab(75.48 -5.63 -17.03)
- LCH
- lch(75.48 17.93 251.7)
- CMYK
- cmyk(26% 12% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AAC4DD
- B3CBE1
- BDD1E5
- C6D8E8
- CFDEEC
- D9E5F0
- E2EBF4
- ECF2F8
- F5F8FB
Koyu tonlar
- 8BA5BC
- 768CA1
- 627586
- 4E5E6C
- 3C4853
- 2A333B
- 191F25
- 090D11
- 010202
Gri tonlar
- 9EB8D0
- 9BB1C7
- 97ABBE
- 94A5B5
- 919FAC
- 8D98A3
- 8A929A
- 878C91
- 838689
Renk uyumları
Tamamlayıcı +180°
- A1BED9
Everlasting
- D1B599
≈ Sugar Rush Peach Pepper
Analog -30° +30°
- A1BED9
Everlasting
- 97C3CF
≈ Aquatic
- B1B8DB
≈ Frosted Iris
Üçlü +120° +240°
- A1BED9
Everlasting
- D8AEB5
≈ Strawberry Latte
- B2C19E
≈ Garden Pond
Bölünmüş tamamlayıcı +150° +210°
- A1BED9
Everlasting
- D8B0A4
≈ Sandpaper
- C3BB97
≈ Earth Friendly
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.92:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.88:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 10.88:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--everlasting: #a1bed9;
--everlasting-rgb: 161 190 217;
--everlasting-oklch: oklch(0.789 0.05 246.6);
}
.element {
color: var(--everlasting);
background-color: hsl(209 42% 74%);
border-color: oklch(0.789 0.05 246.6);
}Tailwind CSS v4
@theme {
--color-everlasting: #a1bed9;
--color-everlasting-50: #ebf7ff;
--color-everlasting-100: #dceaf8;
--color-everlasting-200: #c4d7e9;
--color-everlasting-300: #a4bad0;
--color-everlasting-400: #87a2bb;
--color-everlasting-500: #6b8aa6;
--color-everlasting-600: #5b758c;
--color-everlasting-700: #495d70;
--color-everlasting-800: #344453;
--color-everlasting-900: #232f3a;
--color-everlasting-950: #121c24;
}SCSS
$everlasting: #a1bed9;
$everlasting-rgb: 161, 190, 217;
$everlasting-light: mix(#fff, $everlasting, 20%);
$everlasting-dark: mix(#000, $everlasting, 20%);
.element {
color: $everlasting;
box-shadow: 0 0 0 2px rgba($everlasting, 0.35);
}