Couleur nommée · #11DDEE
Tamarama
Tamarama correspond à #11DDEE : rgb(17 221 238), hsl(185 87% 50%), oklch(0.819 0.138 204.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Cyan mean? → · Tamarama color name →
#11DDEE
oklch(0.819 0.138 204.8)
Conversions de couleur
- HEX
- #11ddee
- RGB
- rgb(17 221 238)
- HSL
- hsl(185 87% 50%)
- HWB
- hwb(185 7% 7%)
- OKLCH
- oklch(0.819 0.138 204.8)
- OKLab
- oklab(0.819 -0.126 -0.058)
- CIE Lab
- lab(80.26 -41.01 -21.62)
- LCH
- lch(80.26 46.36 207.8)
- CMYK
- cmyk(93% 7% 0% 7%)
Teintes · Ombres · Tons
Teintes
- 4BE1F0
- 6AE5F2
- 82E8F3
- 97ECF5
- AAEFF7
- BDF3F9
- CEF6FA
- DFF9FC
- EFFCFD
Ombres
- 0DC0CF
- 09A4B1
- 068893
- 046E77
- 02555C
- 013D42
- 00262A
- 001114
- 000203
Tons
- 39D4E3
- 4CCAD7
- 59C1CC
- 63B8C1
- 6BAEB6
- 71A5AB
- 769CA0
- 7A9395
- 7E898B
Harmonies de couleurs
Complémentaire +180°
- 11DDEE
Tamarama
- FFAAA3
≈ Alright Then I Became a Princess
Analogue -30° +30°
- 11DDEE
Tamarama
- 43E1BE
≈ Celestial Green
- 7BCFFF
≈ Bubbly Barracuda
Triadique +120° +240°
- 11DDEE
Tamarama
- F1A4F5
≈ Rich Brilliant Lavender
- EDBC4C
≈ Golden Glam
Complémentaire divisée +150° +210°
- 11DDEE
Tamarama
- FFA4C8
≈ Bazooka Pink
- FFAF78
≈ Cantaloupe Slice
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.66:1 · APCA Lc 29
Ag
AAASur noir
WCAG 12.60:1 · APCA Lc 74
Meilleure couleur de texte: #000000
WCAG 12.60:1 (AAA) · APCA Lc 74
Contrast pairs
Extraits de code
CSS
:root {
--tamarama: #11ddee;
--tamarama-rgb: 17 221 238;
--tamarama-oklch: oklch(0.819 0.138 204.8);
}
.element {
color: var(--tamarama);
background-color: hsl(185 87% 50%);
border-color: oklch(0.819 0.138 204.8);
}Tailwind CSS v4
@theme {
--color-tamarama: #11ddee;
--color-tamarama-50: #c7ffff;
--color-tamarama-100: #b1f6ff;
--color-tamarama-200: #89e5f2;
--color-tamarama-300: #4ecbdb;
--color-tamarama-400: #00b5c5;
--color-tamarama-500: #009eb1;
--color-tamarama-600: #008695;
--color-tamarama-700: #006b78;
--color-tamarama-800: #004f57;
--color-tamarama-900: #00373d;
--color-tamarama-950: #002226;
}SCSS
$tamarama: #11ddee;
$tamarama-rgb: 17, 221, 238;
$tamarama-light: mix(#fff, $tamarama, 20%);
$tamarama-dark: mix(#000, $tamarama, 20%);
.element {
color: $tamarama;
box-shadow: 0 0 0 2px rgba($tamarama, 0.35);
}