Cor nomeada · #BDFFCA
Coastal Trim
Coastal Trim é #BDFFCA: rgb(189 255 202), hsl(132 100% 87%), oklch(0.942 0.097 150.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Coastal Trim color name →
#BDFFCA
oklch(0.942 0.097 150.2)
Conversões de cor
- HEX
- #bdffca
- RGB
- rgb(189 255 202)
- HSL
- hsl(132 100% 87%)
- HWB
- hwb(132 74% 0%)
- OKLCH
- oklch(0.942 0.097 150.2)
- OKLab
- oklab(0.942 -0.084 0.048)
- CIE Lab
- lab(94.56 -29.02 18.51)
- LCH
- lch(94.56 34.42 147.5)
- CMYK
- cmyk(26% 0% 21% 0%)
Tons claros · Sombras · Tons
Tons claros
- C4FFCF
- CBFFD5
- D2FFDA
- D9FFDF
- DFFFE5
- E6FFEA
- ECFFEF
- F3FFF5
- F9FFFA
Sombras
- A4DEAF
- 8CBE95
- 749E7C
- 5D8064
- 47634D
- 334837
- 1F2E22
- 0D160F
- 020302
Tons
- B7F2C2
- B1E5BB
- ABD7B3
- A5CBAC
- 9FBEA5
- 99B19D
- 93A596
- 8D988F
- 868C87
Harmonias de cor
Complementar +180°
- BDFFCA
Coastal Trim
- FFE1FB
≈ Fairy Salt
Análoga -30° +30°
- BDFFCA
Coastal Trim
- E3F6AC
≈ Dingy Sticky Note
- ACFFEE
≈ Blister Pearl
Tríade +120° +240°
- BDFFCA
Coastal Trim
- E5EBFF
≈ Icy Lilac
- FFE5E0
≈ Olm Pink
Complementar dividida +150° +210°
- BDFFCA
Coastal Trim
- EFE7FF
≈ Bright Dusk
- FFE4EB
≈ Early Blossom
Tétrade +90° +180° +270°
- BDFFCA
Coastal Trim
- DAEFFF
≈ Calcareous Sinter
- FFE1FB
≈ Fairy Salt
- FFE7D4
≈ Mood Lighting
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.14:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.32:1 · APCA Lc 98
Melhor cor de texto: #000000
WCAG 18.32:1 (AAA) · APCA Lc 98
Contrast pairs
Trechos de código
CSS
:root {
--coastal-trim: #bdffca;
--coastal-trim-rgb: 189 255 202;
--coastal-trim-oklch: oklch(0.942 0.097 150.2);
}
.element {
color: var(--coastal-trim);
background-color: hsl(132 100% 87%);
border-color: oklch(0.942 0.097 150.2);
}Tailwind CSS v4
@theme {
--color-coastal-trim: #bdffca;
--color-coastal-trim-50: #e1fee8;
--color-coastal-trim-100: #d1f2d8;
--color-coastal-trim-200: #b6e1c0;
--color-coastal-trim-300: #92c69f;
--color-coastal-trim-400: #73af80;
--color-coastal-trim-500: #529863;
--color-coastal-trim-600: #468154;
--color-coastal-trim-700: #386743;
--color-coastal-trim-800: #294c2f;
--color-coastal-trim-900: #1c3520;
--color-coastal-trim-950: #0c200f;
}SCSS
$coastal-trim: #bdffca;
$coastal-trim-rgb: 189, 255, 202;
$coastal-trim-light: mix(#fff, $coastal-trim, 20%);
$coastal-trim-dark: mix(#000, $coastal-trim, 20%);
.element {
color: $coastal-trim;
box-shadow: 0 0 0 2px rgba($coastal-trim, 0.35);
}