Benoemde kleur · #ACCDE2
Polar Seas
Polar Seas is #ACCDE2: rgb(172 205 226), hsl(203 48% 78%), oklch(0.831 0.046 236). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Polar Seas color name →
#ACCDE2
oklch(0.831 0.046 236)
Kleurconversies
- HEX
- #accde2
- RGB
- rgb(172 205 226)
- HSL
- hsl(203 48% 78%)
- HWB
- hwb(203 67% 11%)
- OKLCH
- oklch(0.831 0.046 236)
- OKLab
- oklab(0.831 -0.026 -0.038)
- CIE Lab
- lab(80.49 -7.93 -14.29)
- LCH
- lch(80.49 16.35 241)
- CMYK
- cmyk(24% 9% 0% 11%)
Tinten · Schaduwen · Tonen
Tinten
- B4D2E5
- BDD7E8
- C5DCEB
- CDE1EE
- D5E6F1
- DEEBF4
- E6F0F6
- EEF5F9
- F7FAFC
Schaduwen
- 95B2C4
- 7F98A8
- 697E8C
- 546671
- 404E57
- 2D383E
- 1B2327
- 0B0F12
- 010203
Tonen
- A8C5D8
- A3BDCE
- 9FB5C4
- 9BAEBA
- 96A6B0
- 929EA6
- 8D969C
- 898F93
- 848789
Kleurharmonieën
Complementair +180°
- ACCDE2
Polar Seas
- E0C1AB
≈ Tailor’s Buff
Analoog -30° +30°
- ACCDE2
Polar Seas
- A6D1D6
≈ Cay
- BAC8E7
≈ Pale Wisteria
Triadisch +120° +240°
- ACCDE2
Polar Seas
- E1BCC8
≈ Spring Pink
- C6CCAA
≈ Baize Green
Gesplitst complementair +150° +210°
- ACCDE2
Polar Seas
- E4BDB8
≈ Miniature Posey
- D5C6A6
≈ Welcome Walkway
Tetradisch +90° +180° +270°
- ACCDE2
Polar Seas
- D8BED8
≈ Thistle
- E0C1AB
≈ Tailor’s Buff
- B5D0B6
≈ Lime Taffy
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.66:1 · APCA Lc 29
Ag
AAAOp zwart
WCAG 12.58:1 · APCA Lc 73
Beste tekstkleur: #000000
WCAG 12.58:1 (AAA) · APCA Lc 73
Contrast pairs
Codefragmenten
CSS
:root {
--polar-seas: #accde2;
--polar-seas-rgb: 172 205 226;
--polar-seas-oklch: oklch(0.831 0.046 236);
}
.element {
color: var(--polar-seas);
background-color: hsl(203 48% 78%);
border-color: oklch(0.831 0.046 236);
}Tailwind CSS v4
@theme {
--color-polar-seas: #accde2;
--color-polar-seas-50: #eaf7ff;
--color-polar-seas-100: #daebf6;
--color-polar-seas-200: #c3d8e6;
--color-polar-seas-300: #a2bbcd;
--color-polar-seas-400: #85a3b6;
--color-polar-seas-500: #698ba1;
--color-polar-seas-600: #597688;
--color-polar-seas-700: #475e6d;
--color-polar-seas-800: #334550;
--color-polar-seas-900: #223038;
--color-polar-seas-950: #111c22;
}SCSS
$polar-seas: #accde2;
$polar-seas-rgb: 172, 205, 226;
$polar-seas-light: mix(#fff, $polar-seas, 20%);
$polar-seas-dark: mix(#000, $polar-seas, 20%);
.element {
color: $polar-seas;
box-shadow: 0 0 0 2px rgba($polar-seas, 0.35);
}