Colore con nome · #BDCFEA
Maritime
Maritime è #BDCFEA: rgb(189 207 234), hsl(216 52% 83%), oklch(0.85 0.043 258.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Maritime color name →
#BDCFEA
oklch(0.85 0.043 258.4)
Conversioni di colore
- HEX
- #bdcfea
- RGB
- rgb(189 207 234)
- HSL
- hsl(216 52% 83%)
- HWB
- hwb(216 74% 8%)
- OKLCH
- oklch(0.85 0.043 258.4)
- OKLab
- oklab(0.85 -0.009 -0.042)
- CIE Lab
- lab(82.4 -2.09 -15.55)
- LCH
- lch(82.4 15.69 262.3)
- CMYK
- cmyk(19% 12% 0% 8%)
Tinte · Ombre · Toni
Tinte
- C3D4EC
- CAD9EE
- D1DDF0
- D7E2F3
- DEE7F5
- E4ECF7
- EBF1F9
- F2F5FB
- F8FAFD
Ombre
- A4B4CB
- 8C99AE
- 747F91
- 5D6775
- 474F5A
- 333841
- 1F2329
- 0D1013
- 020203
Toni
- B7C7DF
- B1BFD4
- AAB7C9
- A4AFBE
- 9EA7B4
- 989FA9
- 92979F
- 8C8F94
- 86888A
Armonie di colore
Complementare +180°
- BDCFEA
Maritime
- DDCBAF
≈ Fossil White
Analogo -30° +30°
- BDCFEA
Maritime
- B2D4E4
≈ Spotted Snake Eel
- CCCAE9
≈ Italian Fitch
Triadico +120° +240°
- BDCFEA
Maritime
- E8C3C3
≈ Pelican Feather
- C0D5BA
≈ Surf Crest
Complementare divisa +150° +210°
- BDCFEA
Maritime
- E6C6B6
≈ Cupcake Rose
- D0D0B1
≈ Bitter Melon
Tetradico +90° +180° +270°
- BDCFEA
Maritime
- E4C3D2
≈ In the Slip
- DDCBAF
≈ Fossil White
- B4D7C8
≈ Gemini
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.58:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.27:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.27:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--maritime: #bdcfea;
--maritime-rgb: 189 207 234;
--maritime-oklch: oklch(0.85 0.043 258.4);
}
.element {
color: var(--maritime);
background-color: hsl(216 52% 83%);
border-color: oklch(0.85 0.043 258.4);
}Tailwind CSS v4
@theme {
--color-maritime: #bdcfea;
--color-maritime-50: #eef6ff;
--color-maritime-100: #e0e8f7;
--color-maritime-200: #cad5e7;
--color-maritime-300: #abb8ce;
--color-maritime-400: #8fa0b8;
--color-maritime-500: #7587a3;
--color-maritime-600: #63738a;
--color-maritime-700: #4f5c6e;
--color-maritime-800: #394351;
--color-maritime-900: #272e39;
--color-maritime-950: #151b23;
}SCSS
$maritime: #bdcfea;
$maritime-rgb: 189, 207, 234;
$maritime-light: mix(#fff, $maritime, 20%);
$maritime-dark: mix(#000, $maritime, 20%);
.element {
color: $maritime;
box-shadow: 0 0 0 2px rgba($maritime, 0.35);
}