Nazwany kolor · #C4D3E3
Leap of Faith
Leap of Faith to #C4D3E3: rgb(196 211 227), hsl(211 36% 83%), oklch(0.86 0.028 249.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Leap of Faith color name →
#C4D3E3
oklch(0.86 0.028 249.9)
Konwersje koloru
- HEX
- #c4d3e3
- RGB
- rgb(196 211 227)
- HSL
- hsl(211 36% 83%)
- HWB
- hwb(211 77% 11%)
- OKLCH
- oklch(0.86 0.028 249.9)
- OKLab
- oklab(0.86 -0.009 -0.026)
- CIE Lab
- lab(83.78 -2.85 -9.75)
- LCH
- lch(83.78 10.16 253.7)
- CMYK
- cmyk(14% 7% 0% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CAD7E6
- D0DCE9
- D5E0EB
- DBE4EE
- E1E9F1
- E7EDF4
- EDF2F7
- F3F6F9
- F9FBFC
Odcienie ciemniejsze
- AAB7C5
- 919CA8
- 78828C
- 616971
- 4A5157
- 353A3F
- 212427
- 0E1012
- 020203
Tony
- BDCAD9
- B6C2CE
- AFB9C4
- A8B1BA
- A1A9B0
- 9BA0A6
- 94989D
- 8D9093
- 878889
Harmonie kolorów
Komplementarna +180°
- C4D3E3
Leap of Faith
- DDCEBE
≈ Brig O’doon
Analogowa -30° +30°
- C4D3E3
Leap of Faith
- BED6DE
≈ Blue Perennial
- CDD0E3
≈ Wildflower Prairie
Triada +120° +240°
- C4D3E3
Leap of Faith
- E2CACD
≈ Perfume Cloud
- CBD5C2
≈ Green Lane
Komplementarna rozszczepiona +150° +210°
- C4D3E3
Leap of Faith
- E2CCC4
≈ Rose Beige
- D5D2BE
≈ Barest Celadon
Tetrada +90° +180° +270°
- C4D3E3
Leap of Faith
- DECAD7
≈ Creamy Mauve
- DDCEBE
≈ Brig O’doon
- C3D7CB
≈ Meadow Lane
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.52:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.77:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.77:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--leap-of-faith: #c4d3e3;
--leap-of-faith-rgb: 196 211 227;
--leap-of-faith-oklch: oklch(0.86 0.028 249.9);
}
.element {
color: var(--leap-of-faith);
background-color: hsl(211 36% 83%);
border-color: oklch(0.86 0.028 249.9);
}Tailwind CSS v4
@theme {
--color-leap-of-faith: #c4d3e3;
--color-leap-of-faith-50: #f0f6fd;
--color-leap-of-faith-100: #e1e9f1;
--color-leap-of-faith-200: #ccd5e0;
--color-leap-of-faith-300: #aeb9c5;
--color-leap-of-faith-400: #93a0af;
--color-leap-of-faith-500: #798898;
--color-leap-of-faith-600: #667381;
--color-leap-of-faith-700: #525c67;
--color-leap-of-faith-800: #3b434c;
--color-leap-of-faith-900: #282f35;
--color-leap-of-faith-950: #161b20;
}SCSS
$leap-of-faith: #c4d3e3;
$leap-of-faith-rgb: 196, 211, 227;
$leap-of-faith-light: mix(#fff, $leap-of-faith, 20%);
$leap-of-faith-dark: mix(#000, $leap-of-faith, 20%);
.element {
color: $leap-of-faith;
box-shadow: 0 0 0 2px rgba($leap-of-faith, 0.35);
}