Cor nomeada · #BBCFB9
Sunlit Sea
Sunlit Sea é #BBCFB9: rgb(187 207 185), hsl(115 19% 77%), oklch(0.833 0.037 142.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Sunlit Sea color name →
#BBCFB9
oklch(0.833 0.037 142.7)
Conversões de cor
- HEX
- #bbcfb9
- RGB
- rgb(187 207 185)
- HSL
- hsl(115 19% 77%)
- HWB
- hwb(115 73% 19%)
- OKLCH
- oklch(0.833 0.037 142.7)
- OKLab
- oklab(0.833 -0.03 0.023)
- CIE Lab
- lab(81.14 -10.07 8.57)
- LCH
- lch(81.14 13.22 139.6)
- CMYK
- cmyk(10% 0% 11% 19%)
Tons claros · Sombras · Tons
Tons claros
- C2D4C0
- C8D8C7
- CFDDCE
- D6E2D5
- DDE7DC
- E3ECE3
- EAF0EA
- F1F5F1
- F8FAF8
Sombras
- A2B4A0
- 8A9989
- 737F71
- 5C675B
- 464F46
- 323831
- 1F231E
- 0D100D
- 020202
Tons
- B5C7B3
- AFBFAD
- A9B7A8
- A3AFA2
- 9DA79C
- 979F96
- 919791
- 8C8F8B
- 868886
Harmonias de cor
Complementar +180°
- BBCFB9
Sunlit Sea
- D5C1D7
≈ Tender Violet
Análoga -30° +30°
- BBCFB9
Sunlit Sea
- C8CBB0
≈ Spring Hill
- B1D1C6
≈ Lester
Tríade +120° +240°
- BBCFB9
Sunlit Sea
- BCC9E1
≈ Hindsight
- E0C0BD
≈ Slubbed Silk
Complementar dividida +150° +210°
- BBCFB9
Sunlit Sea
- C9C4DF
≈ Ice Mauve
- DDBFCA
≈ Fragrant Orchid
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.64:1 · APCA Lc 29
Ag
AAASobre preto
WCAG 12.73:1 · APCA Lc 74
Melhor cor de texto: #000000
WCAG 12.73:1 (AAA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--sunlit-sea: #bbcfb9;
--sunlit-sea-rgb: 187 207 185;
--sunlit-sea-oklch: oklch(0.833 0.037 142.7);
}
.element {
color: var(--sunlit-sea);
background-color: hsl(115 19% 77%);
border-color: oklch(0.833 0.037 142.7);
}Tailwind CSS v4
@theme {
--color-sunlit-sea: #bbcfb9;
--color-sunlit-sea-50: #eff8ef;
--color-sunlit-sea-100: #e1ebe0;
--color-sunlit-sea-200: #cbd9cb;
--color-sunlit-sea-300: #acbdac;
--color-sunlit-sea-400: #92a490;
--color-sunlit-sea-500: #788d76;
--color-sunlit-sea-600: #667764;
--color-sunlit-sea-700: #515f50;
--color-sunlit-sea-800: #3c463a;
--color-sunlit-sea-900: #293027;
--color-sunlit-sea-950: #171c16;
}SCSS
$sunlit-sea: #bbcfb9;
$sunlit-sea-rgb: 187, 207, 185;
$sunlit-sea-light: mix(#fff, $sunlit-sea, 20%);
$sunlit-sea-dark: mix(#000, $sunlit-sea, 20%);
.element {
color: $sunlit-sea;
box-shadow: 0 0 0 2px rgba($sunlit-sea, 0.35);
}