Nächste benannte Farbe · #B4CCEB
#B4CCEB
Nächste benannte Farbe: Breeze
#B4CCEB (rgb(180 204 235), hsl(214 58% 81%), oklch(0.837 0.051 254.9)) liegt am nächsten an der benannten Farbe Breeze. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B4CCEB
oklch(0.837 0.051 254.9)
Farbumrechnungen
- HEX
- #b4cceb
- RGB
- rgb(180 204 235)
- HSL
- hsl(214 58% 81%)
- HWB
- hwb(214 71% 8%)
- OKLCH
- oklch(0.837 0.051 254.9)
- OKLab
- oklab(0.837 -0.013 -0.049)
- CIE Lab
- lab(81 -3.35 -18.24)
- LCH
- lch(81 18.55 259.6)
- CMYK
- cmyk(23% 13% 0% 8%)
Tints · Shades · Tones
Tints
- BBD1ED
- C3D6EF
- CADBF1
- D2E0F3
- D9E5F5
- E1EBF7
- E8F0F9
- F0F5FB
- F7FAFD
Shades
- 9CB1CC
- 8597AE
- 6E7E91
- 586575
- 444E5B
- 303741
- 1D2229
- 0C0F13
- 020203
Tones
- AFC4E0
- A9BCD5
- A4B5CA
- 9FADBF
- 9AA5B4
- 959EAA
- 8F969F
- 8A8F95
- 85878A
Farbharmonien
Komplementär +180°
- B4CCEB
Breeze
- DEC6A6
≈ Pure Almond
Analog -30° +30°
- B4CCEB
Breeze
- A7D1E3
≈ Sea Rover
- C6C6EA
≈ Powdered Granite
Triadisch +120° +240°
- B4CCEB
Breeze
- E9BDBF
≈ Blush Kiss
- BCD2B1
≈ Gamin
Geteilt komplementär +150° +210°
- B4CCEB
Breeze
- E7C0AF
≈ Retro Peach
- CECCA6
≈ Crisp Celery
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.77:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--breeze: #b4cceb;
--breeze-rgb: 180 204 235;
--breeze-oklch: oklch(0.837 0.051 254.9);
}
.element {
color: var(--breeze);
background-color: hsl(214 58% 81%);
border-color: oklch(0.837 0.051 254.9);
}Tailwind CSS v4
@theme {
--color-breeze: #b4cceb;
--color-breeze-50: #ecf6ff;
--color-breeze-100: #dde9f9;
--color-breeze-200: #c7d6ea;
--color-breeze-300: #a7b9d2;
--color-breeze-400: #8ba0bd;
--color-breeze-500: #7088a8;
--color-breeze-600: #5f738e;
--color-breeze-700: #4c5c72;
--color-breeze-800: #364454;
--color-breeze-900: #252f3a;
--color-breeze-950: #131b24;
}SCSS
$breeze: #b4cceb;
$breeze-rgb: 180, 204, 235;
$breeze-light: mix(#fff, $breeze, 20%);
$breeze-dark: mix(#000, $breeze, 20%);
.element {
color: $breeze;
box-shadow: 0 0 0 2px rgba($breeze, 0.35);
}