Couleur nommée · #00A9B8
Bluebird
Bluebird correspond à #00A9B8 : rgb(0 169 184), hsl(185 100% 36%), oklch(0.671 0.115 206). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Cyan mean? → · Bluebird color name →
#00A9B8
oklch(0.671 0.115 206)
Conversions de couleur
- HEX
- #00a9b8
- RGB
- rgb(0 169 184)
- HSL
- hsl(185 100% 36%)
- HWB
- hwb(185 0% 28%)
- OKLCH
- oklch(0.671 0.115 206)
- OKLab
- oklab(0.671 -0.103 -0.05)
- CIE Lab
- lab(62.8 -33.49 -18.7)
- LCH
- lch(62.8 38.36 209.2)
- CMYK
- cmyk(100% 8% 0% 28%)
Teintes · Ombres · Tons
Teintes
- 3DB2BF
- 5ABAC6
- 72C3CD
- 88CCD4
- 9DD4DB
- B1DDE3
- C5E5EA
- D9EEF1
- ECF7F8
Ombres
- 0092A0
- 007C88
- 006771
- 00535B
- 003F45
- 002C31
- 001B1E
- 000A0C
- 000102
Tons
- 2BA5B2
- 3EA1AD
- 4C9DA7
- 5799A1
- 60959C
- 689196
- 6F8D91
- 75898B
- 7B8486
Harmonies de couleurs
Complémentaire +180°
- 00A9B8
Bluebird
- D37870
≈ Hearts Afire
Analogue -30° +30°
- 00A9B8
Bluebird
- 2BAC93
≈ Wells of Wonder
- 43A0D2
≈ Peaceful River
Triadique +120° +240°
- 00A9B8
Bluebird
- BA7CBB
≈ Colombo Red Mauve
- B59036
≈ Balsam Pear
Complémentaire divisée +150° +210°
- 00A9B8
Bluebird
- CD7698
≈ Camellia Pink
- CB824B
≈ Sticky Toffee
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.85:1 · APCA Lc 54
Ag
AAASur noir
WCAG 7.36:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.36:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--bluebird: #00a9b8;
--bluebird-rgb: 0 169 184;
--bluebird-oklch: oklch(0.671 0.115 206);
}
.element {
color: var(--bluebird);
background-color: hsl(185 100% 36%);
border-color: oklch(0.671 0.115 206);
}Tailwind CSS v4
@theme {
--color-bluebird: #00a9b8;
--color-bluebird-50: #d0ffff;
--color-bluebird-100: #bcf3fc;
--color-bluebird-200: #99e3ee;
--color-bluebird-300: #69c8d6;
--color-bluebird-400: #2fb1c0;
--color-bluebird-500: #009bab;
--color-bluebird-600: #008391;
--color-bluebird-700: #006974;
--color-bluebird-800: #004d54;
--color-bluebird-900: #00363b;
--color-bluebird-950: #002125;
}SCSS
$bluebird: #00a9b8;
$bluebird-rgb: 0, 169, 184;
$bluebird-light: mix(#fff, $bluebird, 20%);
$bluebird-dark: mix(#000, $bluebird, 20%);
.element {
color: $bluebird;
box-shadow: 0 0 0 2px rgba($bluebird, 0.35);
}