En yakın adlandırılmış renk · #459AB6
#459AB6
En yakın adlandırılmış renk: Enchanted Well
#459AB6 (rgb(69 154 182), hsl(195 45% 49%), oklch(0.645 0.091 222.7)) en çok Enchanted Well 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.
#459AB6
oklch(0.645 0.091 222.7)
Renk dönüşümleri
- HEX
- #459ab6
- RGB
- rgb(69 154 182)
- HSL
- hsl(195 45% 49%)
- HWB
- hwb(195 27% 29%)
- OKLCH
- oklch(0.645 0.091 222.7)
- OKLab
- oklab(0.645 -0.067 -0.062)
- CIE Lab
- lab(59.27 -20.17 -22.78)
- LCH
- lch(59.27 30.43 228.5)
- CMYK
- cmyk(62% 15% 0% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5BA4BD
- 6EAEC5
- 81B8CC
- 94C2D3
- A6CCDB
- B8D6E2
- C9E0E9
- DBEBF0
- EDF5F8
Koyu tonlar
- 3B859E
- 317186
- 275E6F
- 1E4B59
- 153944
- 0C2730
- 05171D
- 02090C
- 000102
Gri tonlar
- 4E98B1
- 5695AB
- 5D93A6
- 6390A0
- 698E9B
- 6E8B96
- 738890
- 78868B
- 7C8385
Renk uyumları
Tamamlayıcı +180°
- 459AB6
Enchanted Well
- BD7B60
≈ Autumn’s Hill
Analog -30° +30°
- 459AB6
Enchanted Well
- 3C9F9D
≈ Baltic Green
- 6591C4
≈ Cobalt Glow
Üçlü +120° +240°
- 459AB6
Enchanted Well
- B5779D
≈ Valentine Heart
- 98904B
≈ Delta Break
Bölünmüş tamamlayıcı +150° +210°
- 459AB6
Enchanted Well
- BE767E
≈ Cinnamon Roll
- B0854C
≈ Rice Curry
Dörtlü +90° +180° +270°
- 459AB6
Enchanted Well
- A17DB6
≈ Lush Lilac
- BD7B60
≈ Autumn’s Hill
- 789A5F
≈ Dry Moss
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.20:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.55:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
CSS
:root {
--enchanted-well: #459ab6;
--enchanted-well-rgb: 69 154 182;
--enchanted-well-oklch: oklch(0.645 0.091 222.7);
}
.element {
color: var(--enchanted-well);
background-color: hsl(195 45% 49%);
border-color: oklch(0.645 0.091 222.7);
}Tailwind CSS v4
@theme {
--color-enchanted-well: #459ab6;
--color-enchanted-well-50: #dafbff;
--color-enchanted-well-100: #c8efff;
--color-enchanted-well-200: #abddf2;
--color-enchanted-well-300: #83c2db;
--color-enchanted-well-400: #5cabc6;
--color-enchanted-well-500: #2f93b2;
--color-enchanted-well-600: #2a7c96;
--color-enchanted-well-700: #226478;
--color-enchanted-well-800: #154958;
--color-enchanted-well-900: #0d333e;
--color-enchanted-well-950: #011f27;
}SCSS
$enchanted-well: #459ab6;
$enchanted-well-rgb: 69, 154, 182;
$enchanted-well-light: mix(#fff, $enchanted-well, 20%);
$enchanted-well-dark: mix(#000, $enchanted-well, 20%);
.element {
color: $enchanted-well;
box-shadow: 0 0 0 2px rgba($enchanted-well, 0.35);
}