Colore con nome · #12ABBE
Bahaman Sea
Bahaman Sea è #12ABBE: rgb(18 171 190), hsl(187 83% 41%), oklch(0.68 0.115 209). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Bahaman Sea color name →
#12ABBE
oklch(0.68 0.115 209)
Conversioni di colore
- HEX
- #12abbe
- RGB
- rgb(18 171 190)
- HSL
- hsl(187 83% 41%)
- HWB
- hwb(187 7% 25%)
- OKLCH
- oklch(0.68 0.115 209)
- OKLab
- oklab(0.68 -0.1 -0.056)
- CIE Lab
- lab(63.71 -32.1 -20.63)
- LCH
- lch(63.71 38.16 212.7)
- CMYK
- cmyk(91% 10% 0% 25%)
Tinte · Ombre · Toni
Tinte
- 41B4C5
- 5DBCCB
- 75C5D2
- 8BCDD8
- 9FD5DF
- B3DEE5
- C6E6EC
- D9EEF2
- ECF7F9
Ombre
- 0E94A5
- 0A7E8C
- 076875
- 04545E
- 024048
- 012D33
- 011B1F
- 000B0D
- 000102
Toni
- 31A7B8
- 42A3B1
- 4E9FAB
- 599AA5
- 61969F
- 699299
- 708D92
- 76898C
- 7B8586
Armonie di colore
Complementare +180°
- 12ABBE
Bahaman Sea
- D67B6F
≈ Bite My Tongue
Analogo -30° +30°
- 12ABBE
Bahaman Sea
- 29AF99
≈ Pool Green
- 4BA1D7
≈ Waimea Blue
Triadico +120° +240°
- 12ABBE
Bahaman Sea
- BF7EBB
≈ Lavender Sweater
- B59439
≈ Balsam Pear
Complementare divisa +150° +210°
- 12ABBE
Bahaman Sea
- D17996
≈ Little Bow Pink
- CC864B
≈ Coral Sand
Tetradico +90° +180° +270°
- 12ABBE
Bahaman Sea
- A288D5
≈ Middy’s Purple
- D67B6F
≈ Bite My Tongue
- 90A24B
≈ Arathi Highlands
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.76:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.59:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.59:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--bahaman-sea: #12abbe;
--bahaman-sea-rgb: 18 171 190;
--bahaman-sea-oklch: oklch(0.68 0.115 209);
}
.element {
color: var(--bahaman-sea);
background-color: hsl(187 83% 41%);
border-color: oklch(0.68 0.115 209);
}Tailwind CSS v4
@theme {
--color-bahaman-sea: #12abbe;
--color-bahaman-sea-50: #d0ffff;
--color-bahaman-sea-100: #bcf3fe;
--color-bahaman-sea-200: #99e2f0;
--color-bahaman-sea-300: #6ac7d9;
--color-bahaman-sea-400: #31b1c3;
--color-bahaman-sea-500: #009aaf;
--color-bahaman-sea-600: #008294;
--color-bahaman-sea-700: #006876;
--color-bahaman-sea-800: #004d56;
--color-bahaman-sea-900: #00353c;
--color-bahaman-sea-950: #002026;
}SCSS
$bahaman-sea: #12abbe;
$bahaman-sea-rgb: 18, 171, 190;
$bahaman-sea-light: mix(#fff, $bahaman-sea, 20%);
$bahaman-sea-dark: mix(#000, $bahaman-sea, 20%);
.element {
color: $bahaman-sea;
box-shadow: 0 0 0 2px rgba($bahaman-sea, 0.35);
}