En yakın adlandırılmış renk · #A4B4F7
#A4B4F7
En yakın adlandırılmış renk: Wondrous Wisteria
#A4B4F7 (rgb(164 180 247), hsl(228 84% 81%), oklch(0.782 0.097 273.6)) en çok Wondrous Wisteria 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.
#A4B4F7
oklch(0.782 0.097 273.6)
Renk dönüşümleri
- HEX
- #a4b4f7
- RGB
- rgb(164 180 247)
- HSL
- hsl(228 84% 81%)
- HWB
- hwb(228 64% 3%)
- OKLCH
- oklch(0.782 0.097 273.6)
- OKLab
- oklab(0.782 0.006 -0.097)
- CIE Lab
- lab(73.94 6.01 -35.48)
- LCH
- lch(73.94 35.99 279.6)
- CMYK
- cmyk(34% 27% 0% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ADBCF8
- B5C3F9
- BECBFA
- C7D2FB
- D0DAFC
- DAE1FD
- E3E9FE
- ECF0FE
- F6F8FF
Koyu tonlar
- 8E9CD7
- 7985B7
- 646E99
- 50587C
- 3D4460
- 2B3045
- 1A1D2C
- 0A0C15
- 010203
Gri tonlar
- A0AFEB
- 9DAADF
- 99A5D3
- 959FC7
- 929ABB
- 8E95AF
- 8B90A3
- 878A97
- 83858C
Renk uyumları
Tamamlayıcı +180°
- A4B4F7
Wondrous Wisteria
- CDB76D
≈ Trumpet
Analog -30° +30°
- A4B4F7
Wondrous Wisteria
- 80BFF2
≈ Electric Eel
- C5A9EC
≈ Tropical Violet
Üçlü +120° +240°
- A4B4F7
Wondrous Wisteria
- F0A18F
≈ Stone Fruit
- 86CB9B
≈ Good Luck Charm
Bölünmüş tamamlayıcı +150° +210°
- A4B4F7
Wondrous Wisteria
- E4AB75
≈ Golden Patina
- ABC37C
≈ Valley View
Dörtlü +90° +180° +270°
- A4B4F7
Wondrous Wisteria
- ED9EB1
≈ Pegeen Peony
- CDB76D
≈ Trumpet
- 67CDBF
≈ Kinetic Teal
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.00:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.45:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.45:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--wondrous-wisteria: #a4b4f7;
--wondrous-wisteria-rgb: 164 180 247;
--wondrous-wisteria-oklch: oklch(0.782 0.097 273.6);
}
.element {
color: var(--wondrous-wisteria);
background-color: hsl(228 84% 81%);
border-color: oklch(0.782 0.097 273.6);
}Tailwind CSS v4
@theme {
--color-wondrous-wisteria: #a4b4f7;
--color-wondrous-wisteria-50: #edf4ff;
--color-wondrous-wisteria-100: #dee6ff;
--color-wondrous-wisteria-200: #c8d2ff;
--color-wondrous-wisteria-300: #a9b4ea;
--color-wondrous-wisteria-400: #8c9ad8;
--color-wondrous-wisteria-500: #7281c7;
--color-wondrous-wisteria-600: #606da8;
--color-wondrous-wisteria-700: #4d5787;
--color-wondrous-wisteria-800: #364064;
--color-wondrous-wisteria-900: #252c46;
--color-wondrous-wisteria-950: #14192e;
}SCSS
$wondrous-wisteria: #a4b4f7;
$wondrous-wisteria-rgb: 164, 180, 247;
$wondrous-wisteria-light: mix(#fff, $wondrous-wisteria, 20%);
$wondrous-wisteria-dark: mix(#000, $wondrous-wisteria, 20%);
.element {
color: $wondrous-wisteria;
box-shadow: 0 0 0 2px rgba($wondrous-wisteria, 0.35);
}