Benannte Farbe · #B8D3E4
Tiny Mr Frosty
Tiny Mr Frosty ist #B8D3E4: rgb(184 211 228), hsl(203 45% 81%), oklch(0.852 0.037 235.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Tiny Mr Frosty color name →
#B8D3E4
oklch(0.852 0.037 235.5)
Farbumrechnungen
- HEX
- #b8d3e4
- RGB
- rgb(184 211 228)
- HSL
- hsl(203 45% 81%)
- HWB
- hwb(203 72% 11%)
- OKLCH
- oklch(0.852 0.037 235.5)
- OKLab
- oklab(0.852 -0.021 -0.031)
- CIE Lab
- lab(82.95 -6.66 -11.61)
- LCH
- lch(82.95 13.38 240.2)
- CMYK
- cmyk(19% 7% 0% 11%)
Tints · Shades · Tones
Tints
- BFD7E7
- C6DCE9
- CDE0EC
- D4E5EF
- DBE9F2
- E2EDF4
- EAF2F7
- F1F6FA
- F8FBFC
Shades
- A0B7C6
- 889CA9
- 71828D
- 5B6972
- 455158
- 313A3F
- 1E2428
- 0C1012
- 020203
Tones
- B2CADA
- ADC2CF
- A7B9C5
- A1B1BB
- 9CA9B1
- 96A0A7
- 91989D
- 8B9093
- 86888A
Farbharmonien
Komplementär +180°
- B8D3E4
Tiny Mr Frosty
- E3C9B8
≈ Ellen
Analog -30° +30°
- B8D3E4
Tiny Mr Frosty
- B3D6DA
≈ Pocket Lint
- C3CFE8
≈ Periwinkle Grey
Triadisch +120° +240°
- B8D3E4
Tiny Mr Frosty
- E4C5CF
≈ In the Slip
- CDD2B6
≈ Pickling Spice
Geteilt komplementär +150° +210°
- B8D3E4
Tiny Mr Frosty
- E6C6C2
≈ Empire Rose
- DACDB3
≈ Estate Limestone
Tetradisch +90° +180° +270°
- B8D3E4
Tiny Mr Frosty
- DCC7DC
≈ Euphoric Lilac
- E3C9B8
≈ Ellen
- C0D5C0
≈ Misty Lake
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.55:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.47:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.47:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--tiny-mr-frosty: #b8d3e4;
--tiny-mr-frosty-rgb: 184 211 228;
--tiny-mr-frosty-oklch: oklch(0.852 0.037 235.5);
}
.element {
color: var(--tiny-mr-frosty);
background-color: hsl(203 45% 81%);
border-color: oklch(0.852 0.037 235.5);
}Tailwind CSS v4
@theme {
--color-tiny-mr-frosty: #b8d3e4;
--color-tiny-mr-frosty-50: #ecf7ff;
--color-tiny-mr-frosty-100: #ddeaf3;
--color-tiny-mr-frosty-200: #c6d7e3;
--color-tiny-mr-frosty-300: #a6bbc9;
--color-tiny-mr-frosty-400: #8aa2b2;
--color-tiny-mr-frosty-500: #6f8b9c;
--color-tiny-mr-frosty-600: #5e7584;
--color-tiny-mr-frosty-700: #4b5e6a;
--color-tiny-mr-frosty-800: #36454d;
--color-tiny-mr-frosty-900: #253036;
--color-tiny-mr-frosty-950: #131c21;
}SCSS
$tiny-mr-frosty: #b8d3e4;
$tiny-mr-frosty-rgb: 184, 211, 228;
$tiny-mr-frosty-light: mix(#fff, $tiny-mr-frosty, 20%);
$tiny-mr-frosty-dark: mix(#000, $tiny-mr-frosty, 20%);
.element {
color: $tiny-mr-frosty;
box-shadow: 0 0 0 2px rgba($tiny-mr-frosty, 0.35);
}