Dichtstbijzijnde benoemde kleur · #C1E2FF
#C1E2FF
Dichtstbijzijnde benoemde kleur: Broad Daylight
#C1E2FF (rgb(193 226 255), hsl(208 100% 88%), oklch(0.898 0.053 245)) komt het dichtst bij de benoemde kleur Broad Daylight. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#C1E2FF
oklch(0.898 0.053 245)
Kleurconversies
- HEX
- #c1e2ff
- RGB
- rgb(193 226 255)
- HSL
- hsl(208 100% 88%)
- HWB
- hwb(208 76% 0%)
- OKLCH
- oklch(0.898 0.053 245)
- OKLab
- oklab(0.898 -0.022 -0.048)
- CIE Lab
- lab(88.18 -6.54 -17.94)
- LCH
- lch(88.18 19.09 250)
- CMYK
- cmyk(24% 11% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- C7E5FF
- CDE8FF
- D4EBFF
- DAEEFF
- E0F1FF
- E6F4FF
- ECF6FF
- F3F9FF
- F9FCFF
Schaduwen
- A7C4DE
- 8FA8BE
- 778C9E
- 5F7180
- 495763
- 343E48
- 20272E
- 0E1216
- 020303
Tonen
- BAD8F2
- B4CEE4
- ADC4D7
- A7BACB
- A0B0BE
- 9AA6B1
- 939CA5
- 8D9398
- 86898C
Kleurharmonieën
Complementair +180°
- C1E2FF
Broad Daylight
- F7D7B9
≈ Beyond the Pale
Analoog -30° +30°
- C1E2FF
Broad Daylight
- B6E7F4
≈ First of July
- D3DCFF
≈ Icy Plains
Triadisch +120° +240°
- C1E2FF
Broad Daylight
- FED0D9
≈ Bologna Sausage
- D5E4BE
≈ Irish Folklore
Gesplitst complementair +150° +210°
- C1E2FF
Broad Daylight
- FED2C6
≈ Salmon Mousse
- E8DEB6
≈ Jodhpurs
Tetradisch +90° +180° +270°
- C1E2FF
Broad Daylight
- F5D1EC
≈ Little Smile
- F7D7B9
≈ Beyond the Pale
- C3E8CE
≈ Granny Apple
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.34:1 · APCA Lc 17
Ag
AAAOp zwart
WCAG 15.59:1 · APCA Lc 87
Beste tekstkleur: #000000
WCAG 15.59:1 (AAA) · APCA Lc 87
Contrast pairs
Codefragmenten
CSS
:root {
--broad-daylight: #c1e2ff;
--broad-daylight-rgb: 193 226 255;
--broad-daylight-oklch: oklch(0.898 0.053 245);
}
.element {
color: var(--broad-daylight);
background-color: hsl(208 100% 88%);
border-color: oklch(0.898 0.053 245);
}Tailwind CSS v4
@theme {
--color-broad-daylight: #c1e2ff;
--color-broad-daylight-50: #eaf7ff;
--color-broad-daylight-100: #daeaf9;
--color-broad-daylight-200: #c3d7ea;
--color-broad-daylight-300: #a2bbd2;
--color-broad-daylight-400: #85a2bc;
--color-broad-daylight-500: #698aa7;
--color-broad-daylight-600: #59758d;
--color-broad-daylight-700: #475e71;
--color-broad-daylight-800: #324553;
--color-broad-daylight-900: #22303a;
--color-broad-daylight-950: #111c24;
}SCSS
$broad-daylight: #c1e2ff;
$broad-daylight-rgb: 193, 226, 255;
$broad-daylight-light: mix(#fff, $broad-daylight, 20%);
$broad-daylight-dark: mix(#000, $broad-daylight, 20%);
.element {
color: $broad-daylight;
box-shadow: 0 0 0 2px rgba($broad-daylight, 0.35);
}