Dichtstbijzijnde benoemde kleur · #E7F5F5
#E7F5F5
Dichtstbijzijnde benoemde kleur: Cold White
#E7F5F5 (rgb(231 245 245), hsl(180 41% 93%), oklch(0.96 0.015 196.9)) komt het dichtst bij de benoemde kleur Cold White. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#E7F5F5
oklch(0.96 0.015 196.9)
Kleurconversies
- HEX
- #e7f5f5
- RGB
- rgb(231 245 245)
- HSL
- hsl(180 41% 93%)
- HWB
- hwb(180 91% 4%)
- OKLCH
- oklch(0.96 0.015 196.9)
- OKLab
- oklab(0.96 -0.014 -0.004)
- CIE Lab
- lab(95.49 -4.77 -1.68)
- LCH
- lch(95.49 5.06 199.4)
- CMYK
- cmyk(6% 0% 0% 4%)
Tinten · Schaduwen · Tonen
Tinten
- E9F6F6
- ECF7F7
- EEF8F8
- F1F9F9
- F3FAFA
- F5FBFB
- F8FCFC
- FAFDFD
- FDFEFE
Schaduwen
- C9D5D5
- ABB6B6
- 8F9898
- 737B7B
- 595F5F
- 404444
- 282B2B
- 131515
- 030303
Tonen
- DCE9E9
- D2DDDD
- C7D0D0
- BDC5C5
- B2B9B9
- A8ADAD
- 9EA2A2
- 949696
- 8A8B8B
Kleurharmonieën
Complementair +180°
- E7F5F5
Cold White
- FCEEEE
≈ Voracious White
Analoog -30° +30°
- E7F5F5
Cold White
- E9F5F0
≈ Shiroi White
- E8F4FA
≈ Kodama White
Triadisch +120° +240°
- E7F5F5
Cold White
- F6EFF8
≈ Sentimental Pink
- F7F1E7
≈ Cheviot
Gesplitst complementair +150° +210°
- E7F5F5
Cold White
- FAEEF4
≈ Sentimental Pink
- FBEFE9
≈ Baby Blossom
Tetradisch +90° +180° +270°
- E7F5F5
Cold White
- F1F0FC
≈ Cloud Break
- FCEEEE
≈ Voracious White
- F3F3E7
≈ Cumulus
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.11:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 18.77:1 · APCA Lc 99
Beste tekstkleur: #000000
WCAG 18.77:1 (AAA) · APCA Lc 99
Contrast pairs
Codefragmenten
CSS
:root {
--cold-white: #e7f5f5;
--cold-white-rgb: 231 245 245;
--cold-white-oklch: oklch(0.96 0.015 196.9);
}
.element {
color: var(--cold-white);
background-color: hsl(180 41% 93%);
border-color: oklch(0.96 0.015 196.9);
}Tailwind CSS v4
@theme {
--color-cold-white: #e7f5f5;
--color-cold-white-50: #f1f6f7;
--color-cold-white-100: #e2e9ea;
--color-cold-white-200: #cdd6d6;
--color-cold-white-300: #afbaba;
--color-cold-white-400: #95a1a1;
--color-cold-white-500: #7b8989;
--color-cold-white-600: #697474;
--color-cold-white-700: #545d5d;
--color-cold-white-800: #3d4444;
--color-cold-white-900: #2a2f2f;
--color-cold-white-950: #171c1b;
}SCSS
$cold-white: #e7f5f5;
$cold-white-rgb: 231, 245, 245;
$cold-white-light: mix(#fff, $cold-white, 20%);
$cold-white-dark: mix(#000, $cold-white, 20%);
.element {
color: $cold-white;
box-shadow: 0 0 0 2px rgba($cold-white, 0.35);
}