En yakın adlandırılmış renk · #A7DCF2
#A7DCF2
En yakın adlandırılmış renk: Distant Homeworld
#A7DCF2 (rgb(167 220 242), hsl(198 74% 80%), oklch(0.865 0.062 225.4)) en çok Distant Homeworld 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.
#A7DCF2
oklch(0.865 0.062 225.4)
Renk dönüşümleri
- HEX
- #a7dcf2
- RGB
- rgb(167 220 242)
- HSL
- hsl(198 74% 80%)
- HWB
- hwb(198 65% 5%)
- OKLCH
- oklch(0.865 0.062 225.4)
- OKLab
- oklab(0.865 -0.044 -0.044)
- CIE Lab
- lab(84.63 -13.84 -16.63)
- LCH
- lch(84.63 21.64 230.2)
- CMYK
- cmyk(31% 9% 0% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B0E0F3
- B9E3F5
- C2E7F6
- CBEAF7
- D4EEF9
- DCF1FA
- E5F5FB
- EEF8FD
- F6FCFE
Koyu tonlar
- 91BFD2
- 7BA3B4
- 668896
- 526E79
- 3E545E
- 2C3C43
- 1A262B
- 0A1114
- 010203
Gri tonlar
- A3D2E6
- A0C9DA
- 9CC0CF
- 98B6C3
- 94ADB8
- 91A4AC
- 8C9BA1
- 889296
- 84898B
Renk uyumları
Tamamlayıcı +180°
- A7DCF2
Distant Homeworld
- F7C7B1
≈ Coral Bisque
Analog -30° +30°
- A7DCF2
Distant Homeworld
- A2E0E0
≈ Spinnaker
- B8D5FC
≈ Ice Cold Stare
Üçlü +120° +240°
- A7DCF2
Distant Homeworld
- F2C3DC
≈ Sweetheart
- D8D6A6
≈ Sunlit Leaf
Bölünmüş tamamlayıcı +150° +210°
- A7DCF2
Distant Homeworld
- F9C3C5
≈ Icing on the Cake
- EBCEA5
≈ Harmonious Gold
Dörtlü +90° +180° +270°
- A7DCF2
Distant Homeworld
- E3C7EF
≈ Prom Corsage
- F7C7B1
≈ Coral Bisque
- C1DDB4
≈ Wisp Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.48:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.16:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.16:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--distant-homeworld: #a7dcf2;
--distant-homeworld-rgb: 167 220 242;
--distant-homeworld-oklch: oklch(0.865 0.062 225.4);
}
.element {
color: var(--distant-homeworld);
background-color: hsl(198 74% 80%);
border-color: oklch(0.865 0.062 225.4);
}Tailwind CSS v4
@theme {
--color-distant-homeworld: #a7dcf2;
--color-distant-homeworld-50: #e4f9ff;
--color-distant-homeworld-100: #d3edf8;
--color-distant-homeworld-200: #b9dae9;
--color-distant-homeworld-300: #96bed1;
--color-distant-homeworld-400: #76a7bb;
--color-distant-homeworld-500: #568fa6;
--color-distant-homeworld-600: #4a798c;
--color-distant-homeworld-700: #3b6170;
--color-distant-homeworld-800: #294752;
--color-distant-homeworld-900: #1c3139;
--color-distant-homeworld-950: #0c1d24;
}SCSS
$distant-homeworld: #a7dcf2;
$distant-homeworld-rgb: 167, 220, 242;
$distant-homeworld-light: mix(#fff, $distant-homeworld, 20%);
$distant-homeworld-dark: mix(#000, $distant-homeworld, 20%);
.element {
color: $distant-homeworld;
box-shadow: 0 0 0 2px rgba($distant-homeworld, 0.35);
}