Couleur nommée · #3FB2A8
Island Moment
Island Moment correspond à #3FB2A8 : rgb(63 178 168), hsl(175 48% 47%), oklch(0.697 0.103 186.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Teal mean? → · Island Moment color name →
#3FB2A8
oklch(0.697 0.103 186.9)
Conversions de couleur
- HEX
- #3fb2a8
- RGB
- rgb(63 178 168)
- HSL
- hsl(175 48% 47%)
- HWB
- hwb(175 25% 30%)
- OKLCH
- oklch(0.697 0.103 186.9)
- OKLab
- oklab(0.697 -0.102 -0.012)
- CIE Lab
- lab(66.06 -35.22 -4.91)
- LCH
- lch(66.06 35.56 187.9)
- CMYK
- cmyk(65% 0% 6% 30%)
Teintes · Ombres · Tons
Teintes
- 59BAB0
- 6FC2B9
- 83C9C1
- 96D1CA
- A8D9D3
- BAE0DB
- CBE8E4
- DDF0ED
- EEF7F6
Ombres
- 359A92
- 2C837C
- 236D67
- 1B5752
- 12433F
- 0A2F2C
- 041D1A
- 010C0A
- 000101
Tons
- 4BADA4
- 55A8A0
- 5DA39C
- 649E98
- 6A9994
- 709490
- 748F8C
- 798A88
- 7D8584
Harmonies de couleurs
Complémentaire +180°
- 3FB2A8
Island Moment
- D48292
≈ I Pink I Can
Analogue -30° +30°
- 3FB2A8
Island Moment
- 63B184
≈ Elf Shoe
- 42ADC7
≈ Dragonfly Blue
Triadique +120° +240°
- 3FB2A8
Island Moment
- AE8CD0
≈ Middy’s Purple
- C89054
≈ Slightly Golden
Complémentaire divisée +150° +210°
- 3FB2A8
Island Moment
- C684B5
≈ Dragonflies
- D5866F
≈ Freckles
Tétradique +90° +180° +270°
- 3FB2A8
Island Moment
- 8D97DD
≈ Portage
- D48292
≈ I Pink I Can
- AF9E4E
≈ Queen Palm
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.57:1 · APCA Lc 50
Ag
AAASur noir
WCAG 8.14:1 · APCA Lc 52
Meilleure couleur de texte: #000000
WCAG 8.14:1 (AAA) · APCA Lc 52
Contrast pairs
Extraits de code
CSS
:root {
--island-moment: #3fb2a8;
--island-moment-rgb: 63 178 168;
--island-moment-oklch: oklch(0.697 0.103 186.9);
}
.element {
color: var(--island-moment);
background-color: hsl(175 48% 47%);
border-color: oklch(0.697 0.103 186.9);
}Tailwind CSS v4
@theme {
--color-island-moment: #3fb2a8;
--color-island-moment-50: #d5fffb;
--color-island-moment-100: #c2f4ef;
--color-island-moment-200: #a1e3dd;
--color-island-moment-300: #75c9c2;
--color-island-moment-400: #48b2a8;
--color-island-moment-500: #009c91;
--color-island-moment-600: #00847b;
--color-island-moment-700: #006962;
--color-island-moment-800: #004e47;
--color-island-moment-900: #023631;
--color-island-moment-950: #00211d;
}SCSS
$island-moment: #3fb2a8;
$island-moment-rgb: 63, 178, 168;
$island-moment-light: mix(#fff, $island-moment, 20%);
$island-moment-dark: mix(#000, $island-moment, 20%);
.element {
color: $island-moment;
box-shadow: 0 0 0 2px rgba($island-moment, 0.35);
}