Colore con nome · #B6C9A6
Seacrest
Seacrest è #B6C9A6: rgb(182 201 166), hsl(93 24% 72%), oklch(0.812 0.052 130.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Seacrest color name →
#B6C9A6
oklch(0.812 0.052 130.8)
Conversioni di colore
- HEX
- #b6c9a6
- RGB
- rgb(182 201 166)
- HSL
- hsl(93 24% 72%)
- HWB
- hwb(93 65% 21%)
- OKLCH
- oklch(0.812 0.052 130.8)
- OKLab
- oklab(0.812 -0.034 0.04)
- CIE Lab
- lab(78.81 -11.42 15.29)
- LCH
- lch(78.81 19.08 126.8)
- CMYK
- cmyk(9% 0% 17% 21%)
Tinte · Ombre · Toni
Tinte
- BDCEAF
- C4D4B8
- CBD9C0
- D3DEC9
- DAE4D2
- E1E9DB
- E9EFE4
- F0F4ED
- F8FAF6
Ombre
- 9EAE90
- 86957A
- 6F7C65
- 596451
- 444C3E
- 30362B
- 1D221A
- 0C0F0A
- 020201
Toni
- B0C1A2
- ABBA9E
- A5B39B
- A0AB97
- 9BA493
- 959D8F
- 90958B
- 8B8E88
- 858784
Armonie di colore
Complementare +180°
- B6C9A6
Seacrest
- CCB9DB
≈ Pussyfoot
Analogo -30° +30°
- B6C9A6
Seacrest
- C9C39D
≈ Tangled Vines
- A5CDB7
≈ Bird’s Egg Green
Triadico +120° +240°
- B6C9A6
Seacrest
- A9C5E3
≈ Water Wash
- E1B4B9
≈ Heart’s Content
Complementare divisa +150° +210°
- B6C9A6
Seacrest
- BBBEE3
≈ Pretty Posie
- DAB5CC
≈ Blissfully Mine
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.89:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.89:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--seacrest: #b6c9a6;
--seacrest-rgb: 182 201 166;
--seacrest-oklch: oklch(0.812 0.052 130.8);
}
.element {
color: var(--seacrest);
background-color: hsl(93 24% 72%);
border-color: oklch(0.812 0.052 130.8);
}Tailwind CSS v4
@theme {
--color-seacrest: #b6c9a6;
--color-seacrest-50: #eff9e9;
--color-seacrest-100: #e1ecda;
--color-seacrest-200: #ccd9c3;
--color-seacrest-300: #adbea2;
--color-seacrest-400: #94a585;
--color-seacrest-500: #7a8e69;
--color-seacrest-600: #687859;
--color-seacrest-700: #536047;
--color-seacrest-800: #3d4633;
--color-seacrest-900: #2a3023;
--color-seacrest-950: #171d12;
}SCSS
$seacrest: #b6c9a6;
$seacrest-rgb: 182, 201, 166;
$seacrest-light: mix(#fff, $seacrest, 20%);
$seacrest-dark: mix(#000, $seacrest, 20%);
.element {
color: $seacrest;
box-shadow: 0 0 0 2px rgba($seacrest, 0.35);
}