Cor nomeada · #8ADACF
Island Breeze
Island Breeze é #8ADACF: rgb(138 218 207), hsl(172 52% 70%), oklch(0.834 0.08 184.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Island Breeze color name →
#8ADACF
oklch(0.834 0.08 184.8)
Conversões de cor
- HEX
- #8adacf
- RGB
- rgb(138 218 207)
- HSL
- hsl(172 52% 70%)
- HWB
- hwb(172 54% 15%)
- OKLCH
- oklch(0.834 0.08 184.8)
- OKLab
- oklab(0.834 -0.08 -0.007)
- CIE Lab
- lab(81.67 -27.48 -2.76)
- LCH
- lch(81.67 27.62 185.7)
- CMYK
- cmyk(37% 0% 5% 15%)
Tons claros · Sombras · Tons
Tons claros
- 97DED4
- A3E2D8
- AFE5DD
- BBE9E2
- C7EDE7
- D2F0EC
- DEF4F0
- E9F8F5
- F4FBFA
Sombras
- 77BDB4
- 65A299
- 53877F
- 426C67
- 32544F
- 223C38
- 142523
- 071110
- 010202
Tons
- 8AD1C7
- 8AC8BF
- 8ABEB7
- 89B5AF
- 88ACA7
- 87A39F
- 869A97
- 84928F
- 828988
Harmonias de cor
Complementar +180°
- 8ADACF
Island Breeze
- F7B3C2
≈ Love Spell
Análoga -30° +30°
- 8ADACF
Island Breeze
- 9FD9B2
≈ Frugal
- 89D6E9
≈ Tanager Turquoise
Tríade +120° +240°
- 8ADACF
Island Breeze
- D4BCF3
≈ Connecticut Lilac
- EEBE91
≈ Golden Oat Coloured
Complementar dividida +150° +210°
- 8ADACF
Island Breeze
- EAB5DE
≈ Pink Drink
- F8B6A6
≈ Just Blush
Tétrade +90° +180° +270°
- 8ADACF
Island Breeze
- B9C5FD
≈ Light Periwinkle
- F7B3C2
≈ Love Spell
- D9C88C
≈ Asparagus Yellow
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.61:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.01:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.01:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--island-breeze: #8adacf;
--island-breeze-rgb: 138 218 207;
--island-breeze-oklch: oklch(0.834 0.08 184.8);
}
.element {
color: var(--island-breeze);
background-color: hsl(172 52% 70%);
border-color: oklch(0.834 0.08 184.8);
}Tailwind CSS v4
@theme {
--color-island-breeze: #8adacf;
--color-island-breeze-50: #ddfdf9;
--color-island-breeze-100: #cbf1ec;
--color-island-breeze-200: #aee0da;
--color-island-breeze-300: #87c5be;
--color-island-breeze-400: #63aea4;
--color-island-breeze-500: #3b978d;
--color-island-breeze-600: #348077;
--color-island-breeze-700: #29675f;
--color-island-breeze-800: #1d4b45;
--color-island-breeze-900: #133430;
--color-island-breeze-950: #04201c;
}SCSS
$island-breeze: #8adacf;
$island-breeze-rgb: 138, 218, 207;
$island-breeze-light: mix(#fff, $island-breeze, 20%);
$island-breeze-dark: mix(#000, $island-breeze, 20%);
.element {
color: $island-breeze;
box-shadow: 0 0 0 2px rgba($island-breeze, 0.35);
}