En yakın adlandırılmış renk · #4C94B0
#4C94B0
En yakın adlandırılmış renk: Enchanted Well
#4C94B0 (rgb(76 148 176), hsl(197 40% 49%), oklch(0.631 0.083 225.9)) 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.
#4C94B0
oklch(0.631 0.083 225.9)
Renk dönüşümleri
- HEX
- #4c94b0
- RGB
- rgb(76 148 176)
- HSL
- hsl(197 40% 49%)
- HWB
- hwb(197 30% 31%)
- OKLCH
- oklch(0.631 0.083 225.9)
- OKLab
- oklab(0.631 -0.058 -0.06)
- CIE Lab
- lab(57.53 -17.23 -22.02)
- LCH
- lch(57.53 27.96 232)
- CMYK
- cmyk(57% 16% 0% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5F9EB8
- 72A9C0
- 84B4C8
- 96BED0
- A7C9D8
- B9D4DF
- CADEE7
- DCE9EF
- EDF4F7
Koyu tonlar
- 418099
- 366D82
- 2C5A6C
- 224856
- 183642
- 0F262E
- 06161C
- 02080B
- 000101
Gri tonlar
- 5392AB
- 5A90A6
- 608EA2
- 658C9D
- 6A8A98
- 6F8893
- 74868F
- 78848A
- 7C8285
Renk uyumları
Tamamlayıcı +180°
- 4C94B0
Enchanted Well
- B4795E
≈ Myrtle Pepper
Analog -30° +30°
- 4C94B0
Enchanted Well
- 42999A
≈ Aquatic Green
- 688CBC
≈ Faded Blue
Üçlü +120° +240°
- 4C94B0
Enchanted Well
- AE7594
≈ So Long Shadow
- 908D4F
≈ Green Jalapeño
Bölünmüş tamamlayıcı +150° +210°
- 4C94B0
Enchanted Well
- B67478
≈ Precious Garnet
- A7834D
≈ Muddy Waters
Dörtlü +90° +180° +270°
- 4C94B0
Enchanted Well
- 9D7AAC
≈ Cloudy Plum
- B4795E
≈ Myrtle Pepper
- 739562
≈ Van Gogh Olives
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.40:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.17:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.17:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--enchanted-well: #4c94b0;
--enchanted-well-rgb: 76 148 176;
--enchanted-well-oklch: oklch(0.631 0.083 225.9);
}
.element {
color: var(--enchanted-well);
background-color: hsl(197 40% 49%);
border-color: oklch(0.631 0.083 225.9);
}Tailwind CSS v4
@theme {
--color-enchanted-well: #4c94b0;
--color-enchanted-well-50: #defbff;
--color-enchanted-well-100: #cceefe;
--color-enchanted-well-200: #b0dcf1;
--color-enchanted-well-300: #8ac0d9;
--color-enchanted-well-400: #66a9c4;
--color-enchanted-well-500: #3f91b0;
--color-enchanted-well-600: #377b95;
--color-enchanted-well-700: #2c6277;
--color-enchanted-well-800: #1d4958;
--color-enchanted-well-900: #13323d;
--color-enchanted-well-950: #051e27;
}SCSS
$enchanted-well: #4c94b0;
$enchanted-well-rgb: 76, 148, 176;
$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);
}