Color con nombre más cercano · #BBDAE3
#BBDAE3
Color con nombre más cercano: Quick-Freeze
#BBDAE3 (rgb(187 218 227), hsl(193 42% 81%), oklch(0.869 0.035 217.2)) se parece más al color con nombre Quick-Freeze. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#BBDAE3
oklch(0.869 0.035 217.2)
Conversiones de color
- HEX
- #bbdae3
- RGB
- rgb(187 218 227)
- HSL
- hsl(193 42% 81%)
- HWB
- hwb(193 73% 11%)
- OKLCH
- oklch(0.869 0.035 217.2)
- OKLab
- oklab(0.869 -0.028 -0.021)
- CIE Lab
- lab(84.98 -9.21 -8.06)
- LCH
- lch(84.98 12.24 221.2)
- CMYK
- cmyk(18% 4% 0% 11%)
Tintes · Sombras · Tonos
Tintes
- C2DEE6
- C9E1E9
- CFE5EB
- D6E9EE
- DDECF1
- E4F0F4
- EBF4F7
- F1F8F9
- F8FBFC
Sombras
- A2BDC5
- 8AA2A8
- 73878C
- 5C6C71
- 465457
- 323C3F
- 1F2527
- 0D1112
- 020203
Tonos
- B5D1D9
- AFC7CE
- A9BEC4
- A3B5BA
- 9DACB0
- 97A3A6
- 929A9D
- 8C9193
- 868989
Armonías de color
Complementario +180°
- BBDAE3
Quick-Freeze
- EACCC4
≈ Pale Dogwood
Análogo -30° +30°
- BBDAE3
Quick-Freeze
- BBDCD8
≈ Meander Blue
- C2D7EA
≈ Touch of Blue
Triádico +120° +240°
- BBDAE3
Quick-Freeze
- E4CBDC
≈ Wisteria Whisper
- DAD4BB
≈ Gunny Sack
Complementario dividido +150° +210°
- BBDAE3
Quick-Freeze
- E9CBD0
≈ Pink Slipper
- E4D0BC
≈ Bonnie Dune Beach
Tetrádico +90° +180° +270°
- BBDAE3
Quick-Freeze
- DACEE6
≈ Plum’s the Word
- EACCC4
≈ Pale Dogwood
- CDD8C0
≈ Turtle Chalk
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.47:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.25:1 · APCA Lc 81
Mejor color de texto: #000000
WCAG 14.25:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--quick-freeze: #bbdae3;
--quick-freeze-rgb: 187 218 227;
--quick-freeze-oklch: oklch(0.869 0.035 217.2);
}
.element {
color: var(--quick-freeze);
background-color: hsl(193 42% 81%);
border-color: oklch(0.869 0.035 217.2);
}Tailwind CSS v4
@theme {
--color-quick-freeze: #bbdae3;
--color-quick-freeze-50: #ebf8fc;
--color-quick-freeze-100: #dcebf0;
--color-quick-freeze-200: #c5d8df;
--color-quick-freeze-300: #a4bcc4;
--color-quick-freeze-400: #88a4ac;
--color-quick-freeze-500: #6c8c96;
--color-quick-freeze-600: #5c777e;
--color-quick-freeze-700: #495f65;
--color-quick-freeze-800: #35464a;
--color-quick-freeze-900: #243033;
--color-quick-freeze-950: #131c1f;
}SCSS
$quick-freeze: #bbdae3;
$quick-freeze-rgb: 187, 218, 227;
$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);
}