Nächste benannte Farbe · #ABD1E0
#ABD1E0
Nächste benannte Farbe: Ariel
#ABD1E0 (rgb(171 209 224), hsl(197 46% 77%), oklch(0.838 0.045 223.8)) liegt am nächsten an der benannten Farbe Ariel. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#ABD1E0
oklch(0.838 0.045 223.8)
Farbumrechnungen
- HEX
- #abd1e0
- RGB
- rgb(171 209 224)
- HSL
- hsl(197 46% 77%)
- HWB
- hwb(197 67% 12%)
- OKLCH
- oklch(0.838 0.045 223.8)
- OKLab
- oklab(0.838 -0.033 -0.031)
- CIE Lab
- lab(81.45 -10.52 -11.82)
- LCH
- lch(81.45 15.83 228.3)
- CMYK
- cmyk(24% 7% 0% 12%)
Tints · Shades · Tones
Tints
- B3D6E3
- BCDAE6
- C4DFE9
- CDE3EC
- D5E8F0
- DDEDF3
- E6F1F6
- EEF6F9
- F7FAFC
Shades
- 94B5C3
- 7E9BA6
- 68818A
- 546870
- 405056
- 2D393E
- 1B2327
- 0B1012
- 010202
Tones
- A7C9D6
- A3C0CC
- 9EB8C2
- 9AB0B9
- 96A8AF
- 92A0A5
- 8D989C
- 899092
- 848889
Farbharmonien
Komplementär +180°
- ABD1E0
Ariel
- E5C1B3
≈ Calico Rose
Analog -30° +30°
- ABD1E0
Ariel
- A9D4D2
≈ Eton Blue
- B6CCE8
≈ Periwinkle Dream
Triadisch +120° +240°
- ABD1E0
Ariel
- E0BFD1
≈ Scandalous Rose
- CECCAA
≈ Canary Grass
Geteilt komplementär +150° +210°
- ABD1E0
Ariel
- E6BFC1
≈ Sweet Blush
- DCC6AA
≈ Sandy Beaches
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.62:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.92:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--ariel: #abd1e0;
--ariel-rgb: 171 209 224;
--ariel-oklch: oklch(0.838 0.045 223.8);
}
.element {
color: var(--ariel);
background-color: hsl(197 46% 77%);
border-color: oklch(0.838 0.045 223.8);
}Tailwind CSS v4
@theme {
--color-ariel: #abd1e0;
--color-ariel-50: #e8f8ff;
--color-ariel-100: #d9ebf4;
--color-ariel-200: #c1d9e3;
--color-ariel-300: #a0bdc9;
--color-ariel-400: #82a5b2;
--color-ariel-500: #658d9d;
--color-ariel-600: #567784;
--color-ariel-700: #45606a;
--color-ariel-800: #31464e;
--color-ariel-900: #213136;
--color-ariel-950: #101d21;
}SCSS
$ariel: #abd1e0;
$ariel-rgb: 171, 209, 224;
$ariel-light: mix(#fff, $ariel, 20%);
$ariel-dark: mix(#000, $ariel, 20%);
.element {
color: $ariel;
box-shadow: 0 0 0 2px rgba($ariel, 0.35);
}