Nazwany kolor · #B4CBE3
Melt Ice
Melt Ice to #B4CBE3: rgb(180 203 227), hsl(211 46% 80%), oklch(0.833 0.042 249.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Melt Ice color name →
#B4CBE3
oklch(0.833 0.042 249.5)
Konwersje koloru
- HEX
- #b4cbe3
- RGB
- rgb(180 203 227)
- HSL
- hsl(211 46% 80%)
- HWB
- hwb(211 71% 11%)
- OKLCH
- oklch(0.833 0.042 249.5)
- OKLab
- oklab(0.833 -0.015 -0.039)
- CIE Lab
- lab(80.53 -4.22 -14.7)
- LCH
- lch(80.53 15.29 254)
- CMYK
- cmyk(21% 11% 0% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BBD0E6
- C3D5E9
- CADAEC
- D2E0EE
- D9E5F1
- E1EAF4
- E8EFF7
- F0F5FA
- F7FAFC
Odcienie ciemniejsze
- 9CB0C5
- 8596A8
- 6E7D8C
- 586571
- 444D57
- 30373F
- 1D2227
- 0C0F12
- 020203
Tony
- AFC3D9
- A9BCCE
- A4B4C4
- 9FACBA
- 9AA5B0
- 959DA7
- 8F969D
- 8A8F93
- 858789
Harmonie kolorów
Komplementarna +180°
- B4CBE3
Melt Ice
- DBC4AB
≈ Sienna Dust
Analogowa -30° +30°
- B4CBE3
Melt Ice
- ABCFDB
≈ Hisoku Blue
- C2C6E4
≈ Powdered Granite
Triada +120° +240°
- B4CBE3
Melt Ice
- E2BDC2
≈ Ice Hot Pink
- BFCEB2
≈ Rhys
Komplementarna rozszczepiona +150° +210°
- B4CBE3
Melt Ice
- E1C0B4
≈ Sunwashed Brick
- CEC9AA
≈ Desert Cover
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.66:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.59:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.59:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--melt-ice: #b4cbe3;
--melt-ice-rgb: 180 203 227;
--melt-ice-oklch: oklch(0.833 0.042 249.5);
}
.element {
color: var(--melt-ice);
background-color: hsl(211 46% 80%);
border-color: oklch(0.833 0.042 249.5);
}Tailwind CSS v4
@theme {
--color-melt-ice: #b4cbe3;
--color-melt-ice-50: #edf6ff;
--color-melt-ice-100: #dee9f6;
--color-melt-ice-200: #c8d6e6;
--color-melt-ice-300: #a8b9cd;
--color-melt-ice-400: #8ca1b7;
--color-melt-ice-500: #7189a1;
--color-melt-ice-600: #607488;
--color-melt-ice-700: #4d5d6d;
--color-melt-ice-800: #374450;
--color-melt-ice-900: #262f38;
--color-melt-ice-950: #141b23;
}SCSS
$melt-ice: #b4cbe3;
$melt-ice-rgb: 180, 203, 227;
$melt-ice-light: mix(#fff, $melt-ice, 20%);
$melt-ice-dark: mix(#000, $melt-ice, 20%);
.element {
color: $melt-ice;
box-shadow: 0 0 0 2px rgba($melt-ice, 0.35);
}