Dichtstbijzijnde benoemde kleur · #A5CEC3
#A5CEC3
Dichtstbijzijnde benoemde kleur: Whirlpool
#A5CEC3 (rgb(165 206 195), hsl(164 29% 73%), oklch(0.819 0.046 177)) komt het dichtst bij de benoemde kleur Whirlpool. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#A5CEC3
oklch(0.819 0.046 177)
Kleurconversies
- HEX
- #a5cec3
- RGB
- rgb(165 206 195)
- HSL
- hsl(164 29% 73%)
- HWB
- hwb(164 65% 19%)
- OKLCH
- oklch(0.819 0.046 177)
- OKLab
- oklab(0.819 -0.046 0.002)
- CIE Lab
- lab(79.57 -15.72 0.79)
- LCH
- lch(79.57 15.74 177.1)
- CMYK
- cmyk(20% 0% 5% 19%)
Tinten · Schaduwen · Tonen
Tinten
- AED3C9
- B7D8CF
- C0DDD5
- C9E2DB
- D2E6E1
- DBEBE7
- E4F0ED
- EDF5F3
- F6FAF9
Schaduwen
- 8FB3A9
- 799890
- 657F78
- 516660
- 3D4E4A
- 2B3834
- 1A2320
- 0A0F0E
- 010202
Tonen
- A1C6BC
- 9EBEB5
- 9AB6AE
- 97AEA8
- 93A6A1
- 8F9E9A
- 8C9794
- 888F8D
- 848886
Kleurharmonieën
Complementair +180°
- A5CEC3
Whirlpool
- DEB8C4
≈ Melanie
Analoog -30° +30°
- A5CEC3
Whirlpool
- B1CCB3
≈ Gum Leaf
- A2CDD3
≈ Sea Dew
Triadisch +120° +240°
- A5CEC3
Whirlpool
- C6BEDF
≈ Purple Dragon
- DCBDA7
≈ Wool-Milk Pig
Gesplitst complementair +150° +210°
- A5CEC3
Whirlpool
- D4BAD4
≈ Sunday Gloves
- E0B9B4
≈ O Fortuna
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.71:1 · APCA Lc 31
Ag
AAAOp zwart
WCAG 12.21:1 · APCA Lc 72
Beste tekstkleur: #000000
WCAG 12.21:1 (AAA) · APCA Lc 72
Contrast pairs
Codefragmenten
CSS
:root {
--whirlpool: #a5cec3;
--whirlpool-rgb: 165 206 195;
--whirlpool-oklch: oklch(0.819 0.046 177);
}
.element {
color: var(--whirlpool);
background-color: hsl(164 29% 73%);
border-color: oklch(0.819 0.046 177);
}Tailwind CSS v4
@theme {
--color-whirlpool: #a5cec3;
--color-whirlpool-50: #e8faf5;
--color-whirlpool-100: #d8ede8;
--color-whirlpool-200: #c0dbd4;
--color-whirlpool-300: #9fc0b8;
--color-whirlpool-400: #82a89e;
--color-whirlpool-500: #659185;
--color-whirlpool-600: #567a71;
--color-whirlpool-700: #44625a;
--color-whirlpool-800: #314841;
--color-whirlpool-900: #22322d;
--color-whirlpool-950: #111e1a;
}SCSS
$whirlpool: #a5cec3;
$whirlpool-rgb: 165, 206, 195;
$whirlpool-light: mix(#fff, $whirlpool, 20%);
$whirlpool-dark: mix(#000, $whirlpool, 20%);
.element {
color: $whirlpool;
box-shadow: 0 0 0 2px rgba($whirlpool, 0.35);
}