Adlandırılmış renk · #A7C9EB
Island Light
Island Light, #A7C9EB: rgb(167 201 235), hsl(210 63% 79%), oklch(0.823 0.06 248.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? → · Island Light color name →
#A7C9EB
oklch(0.823 0.06 248.6)
Renk dönüşümleri
- HEX
- #a7c9eb
- RGB
- rgb(167 201 235)
- HSL
- hsl(210 63% 79%)
- HWB
- hwb(210 65% 8%)
- OKLCH
- oklch(0.823 0.06 248.6)
- OKLab
- oklab(0.823 -0.022 -0.056)
- CIE Lab
- lab(79.33 -5.95 -20.85)
- LCH
- lch(79.33 21.68 254.1)
- CMYK
- cmyk(29% 14% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B0CEED
- B8D4EF
- C1D9F1
- CADFF3
- D3E4F5
- DCE9F7
- E4EFF9
- EDF4FB
- F6FAFD
Koyu tonlar
- 91AECC
- 7B95AE
- 667C91
- 526475
- 3E4C5B
- 2C3641
- 1A2229
- 0A0F13
- 010203
Gri tonlar
- A3C2E0
- 9FBAD5
- 9BB3CA
- 98ABBF
- 94A4B4
- 909DAA
- 8C959F
- 888E95
- 84878A
Renk uyumları
Tamamlayıcı +180°
- A7C9EB
Island Light
- DFBE9B
≈ More Cowbell
Analog -30° +30°
- A7C9EB
Island Light
- 99CFDF
≈ Washed Blue
- BCC2EC
≈ Vodka
Üçlü +120° +240°
- A7C9EB
Island Light
- E9B5BD
≈ Roseate Hues
- B9CDA4
≈ Pixie Green
Bölünmüş tamamlayıcı +150° +210°
- A7C9EB
Island Light
- E9B8A9
≈ Porcelain Crab
- CFC699
≈ Vast Escape
Dörtlü +90° +180° +270°
- A7C9EB
Island Light
- E0B6D2
≈ French Lilac
- DFBE9B
≈ More Cowbell
- A4D1B7
≈ Feather Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.72:1 · APCA Lc 31
Ag
AAASiyah üzerinde
WCAG 12.19:1 · APCA Lc 72
En iyi metin rengi: #000000
WCAG 12.19:1 (AAA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--island-light: #a7c9eb;
--island-light-rgb: 167 201 235;
--island-light-oklch: oklch(0.823 0.06 248.6);
}
.element {
color: var(--island-light);
background-color: hsl(210 63% 79%);
border-color: oklch(0.823 0.06 248.6);
}Tailwind CSS v4
@theme {
--color-island-light: #a7c9eb;
--color-island-light-50: #e9f7ff;
--color-island-light-100: #d9eafc;
--color-island-light-200: #c2d7ee;
--color-island-light-300: #a1bad6;
--color-island-light-400: #83a2c1;
--color-island-light-500: #668aad;
--color-island-light-600: #577592;
--color-island-light-700: #455d75;
--color-island-light-800: #314556;
--color-island-light-900: #212f3c;
--color-island-light-950: #111c26;
}SCSS
$island-light: #a7c9eb;
$island-light-rgb: 167, 201, 235;
$island-light-light: mix(#fff, $island-light, 20%);
$island-light-dark: mix(#000, $island-light, 20%);
.element {
color: $island-light;
box-shadow: 0 0 0 2px rgba($island-light, 0.35);
}