Colore con nome · #BDDFD8
Antiguan
Antiguan è #BDDFD8: rgb(189 223 216), hsl(168 35% 81%), oklch(0.877 0.037 181.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Antiguan color name →
#BDDFD8
oklch(0.877 0.037 181.6)
Conversioni di colore
- HEX
- #bddfd8
- RGB
- rgb(189 223 216)
- HSL
- hsl(168 35% 81%)
- HWB
- hwb(168 74% 13%)
- OKLCH
- oklch(0.877 0.037 181.6)
- OKLab
- oklab(0.877 -0.037 -0.001)
- CIE Lab
- lab(86.2 -12.62 -0.5)
- LCH
- lch(86.2 12.63 182.3)
- CMYK
- cmyk(15% 0% 3% 13%)
Tinte · Ombre · Toni
Tinte
- C4E2DC
- CAE5E0
- D1E9E4
- D7ECE7
- DEEFEB
- E5F2EF
- EBF5F3
- F2F9F7
- F8FCFB
Ombre
- A4C2BC
- 8CA5A0
- 748A85
- 5D6F6B
- 475653
- 333D3B
- 1F2725
- 0D1211
- 020202
Toni
- B7D5CF
- B1CBC6
- ABC2BD
- A4B8B4
- 9EAEAB
- 98A5A2
- 929C99
- 8C9291
- 868988
Armonie di colore
Complementare +180°
- BDDFD8
Antiguan
- EDCDD5
≈ Donquixote Doflamingo
Analogo -30° +30°
- BDDFD8
Antiguan
- C6DECB
≈ Green Wash
- BCDEE5
≈ Disappearing Island
Triadico +120° +240°
- BDDFD8
Antiguan
- DBD1EC
≈ Shimmering Sky
- E9D2BE
≈ Puppy Paws
Complementare divisa +150° +210°
- BDDFD8
Antiguan
- E6CEE2
≈ Sweety Pie
- EECEC8
≈ Cameo Peach
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.71:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--antiguan: #bddfd8;
--antiguan-rgb: 189 223 216;
--antiguan-oklch: oklch(0.877 0.037 181.6);
}
.element {
color: var(--antiguan);
background-color: hsl(168 35% 81%);
border-color: oklch(0.877 0.037 181.6);
}Tailwind CSS v4
@theme {
--color-antiguan: #bddfd8;
--color-antiguan-50: #eaf9f6;
--color-antiguan-100: #dbece9;
--color-antiguan-200: #c4dad6;
--color-antiguan-300: #a3beb9;
--color-antiguan-400: #87a6a0;
--color-antiguan-500: #6b8f88;
--color-antiguan-600: #5b7973;
--color-antiguan-700: #49615c;
--color-antiguan-800: #354743;
--color-antiguan-900: #24312e;
--color-antiguan-950: #131d1b;
}SCSS
$antiguan: #bddfd8;
$antiguan-rgb: 189, 223, 216;
$antiguan-light: mix(#fff, $antiguan, 20%);
$antiguan-dark: mix(#000, $antiguan, 20%);
.element {
color: $antiguan;
box-shadow: 0 0 0 2px rgba($antiguan, 0.35);
}