Dichtstbijzijnde benoemde kleur · #ACD8E1
#ACD8E1
Dichtstbijzijnde benoemde kleur: Clear Water
#ACD8E1 (rgb(172 216 225), hsl(190 47% 78%), oklch(0.854 0.048 211.5)) komt het dichtst bij de benoemde kleur Clear Water. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#ACD8E1
oklch(0.854 0.048 211.5)
Kleurconversies
- HEX
- #acd8e1
- RGB
- rgb(172 216 225)
- HSL
- hsl(190 47% 78%)
- HWB
- hwb(190 67% 12%)
- OKLCH
- oklch(0.854 0.048 211.5)
- OKLab
- oklab(0.854 -0.041 -0.025)
- CIE Lab
- lab(83.43 -13.38 -9.43)
- LCH
- lch(83.43 16.37 215.2)
- CMYK
- cmyk(24% 4% 0% 12%)
Tinten · Schaduwen · Tonen
Tinten
- B4DCE4
- BDE0E7
- C5E4EA
- CEE8ED
- D6ECF0
- DEEFF3
- E6F3F6
- EFF7F9
- F7FBFC
Schaduwen
- 95BCC4
- 7FA0A7
- 69858B
- 546B70
- 405356
- 2D3B3E
- 1B2527
- 0B1112
- 010202
Tonen
- A8CFD7
- A4C6CD
- 9FBDC3
- 9BB4B9
- 96ABAF
- 92A2A6
- 8E9A9C
- 899193
- 858889
Kleurharmonieën
Complementair +180°
- ACD8E1
Clear Water
- EDC4BC
≈ Peach Ash
Analoog -30° +30°
- ACD8E1
Clear Water
- AEDAD1
≈ Scandal
- B4D4EC
≈ Light Sea Cliff
Triadisch +120° +240°
- ACD8E1
Clear Water
- E2C4DD
≈ Dog Rose
- DACFAC
≈ Lovely Linen
Gesplitst complementair +150° +210°
- ACD8E1
Clear Water
- EBC3CD
≈ Light Blush
- E7C9B0
≈ Grey Sand
Tetradisch +90° +180° +270°
- ACD8E1
Clear Water
- D4C8EA
≈ Foggy Love
- EDC4BC
≈ Peach Ash
- CAD4B2
≈ Mint Soap
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.53:1 · APCA Lc 25
Ag
AAAOp zwart
WCAG 13.66:1 · APCA Lc 78
Beste tekstkleur: #000000
WCAG 13.66:1 (AAA) · APCA Lc 78
Contrast pairs
Codefragmenten
CSS
:root {
--clear-water: #acd8e1;
--clear-water-rgb: 172 216 225;
--clear-water-oklch: oklch(0.854 0.048 211.5);
}
.element {
color: var(--clear-water);
background-color: hsl(190 47% 78%);
border-color: oklch(0.854 0.048 211.5);
}Tailwind CSS v4
@theme {
--color-clear-water: #acd8e1;
--color-clear-water-50: #e7f9fd;
--color-clear-water-100: #d7ecf1;
--color-clear-water-200: #bedae1;
--color-clear-water-300: #9cbec6;
--color-clear-water-400: #7ea6af;
--color-clear-water-500: #608f98;
--color-clear-water-600: #527981;
--color-clear-water-700: #416167;
--color-clear-water-800: #2f474b;
--color-clear-water-900: #203134;
--color-clear-water-950: #0f1d20;
}SCSS
$clear-water: #acd8e1;
$clear-water-rgb: 172, 216, 225;
$clear-water-light: mix(#fff, $clear-water, 20%);
$clear-water-dark: mix(#000, $clear-water, 20%);
.element {
color: $clear-water;
box-shadow: 0 0 0 2px rgba($clear-water, 0.35);
}