Nazwany kolor · #BDDBE1
Quick-Freeze
Quick-Freeze to #BDDBE1: rgb(189 219 225), hsl(190 37% 81%), oklch(0.871 0.033 211.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Quick-Freeze color name →
#BDDBE1
oklch(0.871 0.033 211.1)
Konwersje koloru
- HEX
- #bddbe1
- RGB
- rgb(189 219 225)
- HSL
- hsl(190 37% 81%)
- HWB
- hwb(190 74% 12%)
- OKLCH
- oklch(0.871 0.033 211.1)
- OKLab
- oklab(0.871 -0.028 -0.017)
- CIE Lab
- lab(85.34 -9.35 -6.47)
- LCH
- lch(85.34 11.37 214.7)
- CMYK
- cmyk(16% 3% 0% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C4DFE4
- CAE2E7
- D1E6EA
- D7E9ED
- DEEDF0
- E5F1F3
- EBF4F6
- F2F8F9
- F8FBFC
Odcienie ciemniejsze
- A4BEC4
- 8CA2A7
- 74878B
- 5D6D70
- 475456
- 333C3E
- 1F2627
- 0D1112
- 020202
Tony
- B7D2D7
- B1C8CD
- ABBFC3
- A4B6B9
- 9EACAF
- 98A3A6
- 929A9C
- 8C9293
- 868989
Harmonie kolorów
Komplementarna +180°
- BDDBE1
Quick-Freeze
- EACDC8
≈ Honeysweet
Analogowa -30° +30°
- BDDBE1
Quick-Freeze
- BEDCD6
≈ Pinnacle
- C2D8E9
≈ Touch of Blue
Triada +120° +240°
- BDDBE1
Quick-Freeze
- E2CDDF
≈ Orchid Shimmer
- DDD4BD
≈ Gunny Sack
Komplementarna rozszczepiona +150° +210°
- BDDBE1
Quick-Freeze
- E8CCD3
≈ Cool Pink
- E5D0BF
≈ Autumn Blush
Tetrada +90° +180° +270°
- BDDBE1
Quick-Freeze
- D8D0E7
≈ Air Castle
- EACDC8
≈ Honeysweet
- D1D8C1
≈ Turtle Chalk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.45:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.38:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.38:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--quick-freeze: #bddbe1;
--quick-freeze-rgb: 189 219 225;
--quick-freeze-oklch: oklch(0.871 0.033 211.1);
}
.element {
color: var(--quick-freeze);
background-color: hsl(190 37% 81%);
border-color: oklch(0.871 0.033 211.1);
}Tailwind CSS v4
@theme {
--color-quick-freeze: #bddbe1;
--color-quick-freeze-50: #ebf8fb;
--color-quick-freeze-100: #dcebee;
--color-quick-freeze-200: #c5d8dd;
--color-quick-freeze-300: #a5bcc1;
--color-quick-freeze-400: #89a4a9;
--color-quick-freeze-500: #6d8c93;
--color-quick-freeze-600: #5d777c;
--color-quick-freeze-700: #4a5f63;
--color-quick-freeze-800: #354648;
--color-quick-freeze-900: #243032;
--color-quick-freeze-950: #131c1e;
}SCSS
$quick-freeze: #bddbe1;
$quick-freeze-rgb: 189, 219, 225;
$quick-freeze-light: mix(#fff, $quick-freeze, 20%);
$quick-freeze-dark: mix(#000, $quick-freeze, 20%);
.element {
color: $quick-freeze;
box-shadow: 0 0 0 2px rgba($quick-freeze, 0.35);
}