Cor nomeada · #B5E1DB
Festival de Verano
Festival de Verano é #B5E1DB: rgb(181 225 219), hsl(172 42% 80%), oklch(0.877 0.046 186.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Festival de Verano color name →
#B5E1DB
oklch(0.877 0.046 186.2)
Conversões de cor
- HEX
- #b5e1db
- RGB
- rgb(181 225 219)
- HSL
- hsl(172 42% 80%)
- HWB
- hwb(172 71% 12%)
- OKLCH
- oklch(0.877 0.046 186.2)
- OKLab
- oklab(0.877 -0.046 -0.005)
- CIE Lab
- lab(86.28 -15.72 -2.03)
- LCH
- lch(86.28 15.85 187.4)
- CMYK
- cmyk(20% 0% 3% 12%)
Tons claros · Sombras · Tons
Tons claros
- BDE4DF
- C4E7E2
- CCEAE6
- D3EDE9
- DAF0ED
- E2F3F0
- E9F6F4
- F0F9F8
- F8FCFB
Sombras
- 9DC4BE
- 86A7A2
- 6F8B87
- 59706D
- 445654
- 303E3C
- 1D2726
- 0C1211
- 020202
Tons
- B0D7D2
- ABCDC8
- A5C3BF
- A0B9B6
- 9BAFAC
- 95A6A3
- 909C9A
- 8B9391
- 858989
Harmonias de cor
Complementar +180°
- B5E1DB
Festival de Verano
- F3CAD2
≈ Hello Dolly
Análoga -30° +30°
- B5E1DB
Festival de Verano
- BFE0CA
≈ Luna Green
- B5DFEA
≈ Minor Blue
Tríade +120° +240°
- B5E1DB
Festival de Verano
- DECFEF
≈ Plum’s the Word
- ECD1B7
≈ Clamshell
Complementar dividida +150° +210°
- B5E1DB
Festival de Verano
- EBCBE2
≈ Sweet Dreams
- F3CDC2
≈ Pearl Blush
Tétrade +90° +180° +270°
- B5E1DB
Festival de Verano
- CED5F6
≈ Flax Bloom
- F3CAD2
≈ Hello Dolly
- DFD7B5
≈ Afghan Hound
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.42:1 · APCA Lc 20
Ag
AAASobre preto
WCAG 14.75:1 · APCA Lc 83
Melhor cor de texto: #000000
WCAG 14.75:1 (AAA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--festival-de-verano: #b5e1db;
--festival-de-verano-rgb: 181 225 219;
--festival-de-verano-oklch: oklch(0.877 0.046 186.2);
}
.element {
color: var(--festival-de-verano);
background-color: hsl(172 42% 80%);
border-color: oklch(0.877 0.046 186.2);
}Tailwind CSS v4
@theme {
--color-festival-de-verano: #b5e1db;
--color-festival-de-verano-50: #e7faf7;
--color-festival-de-verano-100: #d7edeb;
--color-festival-de-verano-200: #bfdbd8;
--color-festival-de-verano-300: #9dbfbc;
--color-festival-de-verano-400: #80a8a2;
--color-festival-de-verano-500: #62918b;
--color-festival-de-verano-600: #547a75;
--color-festival-de-verano-700: #43625e;
--color-festival-de-verano-800: #304844;
--color-festival-de-verano-900: #20322f;
--color-festival-de-verano-950: #101e1c;
}SCSS
$festival-de-verano: #b5e1db;
$festival-de-verano-rgb: 181, 225, 219;
$festival-de-verano-light: mix(#fff, $festival-de-verano, 20%);
$festival-de-verano-dark: mix(#000, $festival-de-verano, 20%);
.element {
color: $festival-de-verano;
box-shadow: 0 0 0 2px rgba($festival-de-verano, 0.35);
}