Benannte Farbe · #BCD8D2
High Point
High Point ist #BCD8D2: rgb(188 216 210), hsl(167 26% 79%), oklch(0.86 0.031 181.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · High Point color name →
#BCD8D2
oklch(0.86 0.031 181.2)
Farbumrechnungen
- HEX
- #bcd8d2
- RGB
- rgb(188 216 210)
- HSL
- hsl(167 26% 79%)
- HWB
- hwb(167 74% 15%)
- OKLCH
- oklch(0.86 0.031 181.2)
- OKLab
- oklab(0.86 -0.031 -0.001)
- CIE Lab
- lab(84.13 -10.53 -0.34)
- LCH
- lch(84.13 10.53 181.9)
- CMYK
- cmyk(13% 0% 3% 15%)
Tints · Shades · Tones
Tints
- C3DCD6
- C9E0DB
- D0E4DF
- D7E8E4
- DDEBE8
- E4EFED
- EBF3F1
- F2F7F6
- F8FBFA
Shades
- A3BCB6
- 8BA09B
- 738581
- 5D6B68
- 475350
- 323B39
- 1F2524
- 0D1110
- 020202
Tones
- B6CFC9
- B0C6C1
- AABDB9
- A4B4B0
- 9EABA8
- 98A2A0
- 929A98
- 8C9190
- 868888
Farbharmonien
Komplementär +180°
- BCD8D2
High Point
- E3C9CF
≈ Perfume Cloud
Analog -30° +30°
- BCD8D2
High Point
- C3D7C7
≈ New Moss
- BBD7DD
≈ Light Sky Chase
Triadisch +120° +240°
- BCD8D2
High Point
- D4CDE3
≈ Potentially Purple
- E1CDBD
≈ Safari Map
Geteilt komplementär +150° +210°
- BCD8D2
High Point
- DECADA
≈ Lilac Lane
- E5CAC5
≈ Tangy Taffy
Tetradisch +90° +180° +270°
- BCD8D2
High Point
- C9D0E6
≈ Casa del Mar
- E3C9CF
≈ Perfume Cloud
- D8D1BB
≈ Bleached Pebble
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.51:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.89:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.89:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--high-point: #bcd8d2;
--high-point-rgb: 188 216 210;
--high-point-oklch: oklch(0.86 0.031 181.2);
}
.element {
color: var(--high-point);
background-color: hsl(167 26% 79%);
border-color: oklch(0.86 0.031 181.2);
}Tailwind CSS v4
@theme {
--color-high-point: #bcd8d2;
--color-high-point-50: #ecf8f6;
--color-high-point-100: #ddebe9;
--color-high-point-200: #c7d9d5;
--color-high-point-300: #a7bdb9;
--color-high-point-400: #8ba59f;
--color-high-point-500: #708d87;
--color-high-point-600: #5f7772;
--color-high-point-700: #4c605c;
--color-high-point-800: #374643;
--color-high-point-900: #26302e;
--color-high-point-950: #141d1b;
}SCSS
$high-point: #bcd8d2;
$high-point-rgb: 188, 216, 210;
$high-point-light: mix(#fff, $high-point, 20%);
$high-point-dark: mix(#000, $high-point, 20%);
.element {
color: $high-point;
box-shadow: 0 0 0 2px rgba($high-point, 0.35);
}