Benannte Farbe · #ABDEE4
Vandermint
Vandermint ist #ABDEE4: rgb(171 222 228), hsl(186 51% 78%), oklch(0.867 0.053 205.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Vandermint color name →
#ABDEE4
oklch(0.867 0.053 205.2)
Farbumrechnungen
- HEX
- #abdee4
- RGB
- rgb(171 222 228)
- HSL
- hsl(186 51% 78%)
- HWB
- hwb(186 67% 11%)
- OKLCH
- oklch(0.867 0.053 205.2)
- OKLab
- oklab(0.867 -0.048 -0.023)
- CIE Lab
- lab(85.06 -16.01 -8.61)
- LCH
- lch(85.06 18.18 208.3)
- CMYK
- cmyk(25% 3% 0% 11%)
Tints · Shades · Tones
Tints
- B4E1E7
- BCE5E9
- C5E8EC
- CDEBEF
- D6EFF2
- DEF2F4
- E6F5F7
- EFF8FA
- F7FCFC
Shades
- 94C1C6
- 7EA5A9
- 68898D
- 546F72
- 405558
- 2D3D3F
- 1B2628
- 0B1212
- 010203
Tones
- A7D4DA
- A3CBCF
- 9FC1C5
- 9BB7BB
- 96AEB1
- 92A5A7
- 8E9B9D
- 899293
- 85898A
Farbharmonien
Komplementär +180°
- ABDEE4
Vandermint
- F5C7C2
≈ Millennial Pink
Analog -30° +30°
- ABDEE4
Vandermint
- B0DFD1
≈ Jaded Clouds
- B2DAF2
≈ Blue Rice
Triadisch +120° +240°
- ABDEE4
Vandermint
- E6C8E7
≈ Syrian Violet
- E3D1AC
≈ Cream Cake
Geteilt komplementär +150° +210°
- ABDEE4
Vandermint
- F1C6D5
≈ Lily Legs
- F0CBB3
≈ Cashew Nut
Tetradisch +90° +180° +270°
- ABDEE4
Vandermint
- D5CDF3
≈ Miami White
- F5C7C2
≈ Millennial Pink
- D1D8B1
≈ Prairie Willow
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.46:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.30:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.30:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--vandermint: #abdee4;
--vandermint-rgb: 171 222 228;
--vandermint-oklch: oklch(0.867 0.053 205.2);
}
.element {
color: var(--vandermint);
background-color: hsl(186 51% 78%);
border-color: oklch(0.867 0.053 205.2);
}Tailwind CSS v4
@theme {
--color-vandermint: #abdee4;
--color-vandermint-50: #e5fafd;
--color-vandermint-100: #d5edf1;
--color-vandermint-200: #bbdbe0;
--color-vandermint-300: #98c0c5;
--color-vandermint-400: #79a8ad;
--color-vandermint-500: #5a9197;
--color-vandermint-600: #4d7a80;
--color-vandermint-700: #3d6266;
--color-vandermint-800: #2b484b;
--color-vandermint-900: #1d3234;
--color-vandermint-950: #0d1e1f;
}SCSS
$vandermint: #abdee4;
$vandermint-rgb: 171, 222, 228;
$vandermint-light: mix(#fff, $vandermint, 20%);
$vandermint-dark: mix(#000, $vandermint, 20%);
.element {
color: $vandermint;
box-shadow: 0 0 0 2px rgba($vandermint, 0.35);
}