Color con nombre · #31453B
Bracken Fern
Bracken Fern es #31453B: rgb(49 69 59), hsl(150 17% 23%), oklch(0.37 0.031 162.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Bracken Fern color name →
#31453B
oklch(0.37 0.031 162.7)
Conversiones de color
- HEX
- #31453b
- RGB
- rgb(49 69 59)
- HSL
- hsl(150 17% 23%)
- HWB
- hwb(150 19% 73%)
- OKLCH
- oklch(0.37 0.031 162.7)
- OKLab
- oklab(0.37 -0.029 0.009)
- CIE Lab
- lab(27.34 -10.09 3.39)
- LCH
- lch(27.34 10.64 161.4)
- CMYK
- cmyk(29% 0% 14% 73%)
Tintes · Sombras · Tonos
Tintes
- 43564C
- 56675E
- 697870
- 7D8A83
- 929D97
- A7B0AB
- BCC3BF
- D2D7D4
- E8EBE9
Sombras
- 293B32
- 223129
- 1A2721
- 131E19
- 0C1511
- 060C09
- 030504
- 010201
- 000000
Tonos
- 394B41
- 405048
- 48564F
- 505C56
- 58625C
- 606863
- 686E6A
- 707472
- 787A79
Armonías de color
Complementario +180°
- 31453B
Bracken Fern
- 4C3944
≈ Royal Silk
Análogo -30° +30°
- 31453B
Bracken Fern
- 3A4333
≈ Sensaimidori Green
- 2C4544
≈ Westhaven
Triádico +120° +240°
- 31453B
Bracken Fern
- 3D3E50
≈ Knighthood
- 4E3B33
≈ Button Eyes
Complementario dividido +150° +210°
- 31453B
Bracken Fern
- 453B4C
≈ Plum Island
- 4F393B
≈ Dark Puce
Tetrádico +90° +180° +270°
- 31453B
Bracken Fern
- 344150
≈ Midnight Navy
- 4C3944
≈ Royal Silk
- 4A3D2E
≈ Simmered Seaweed
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 10.26:1 · APCA Lc 94
Ag
FailSobre negro
WCAG 2.04:1 · APCA Lc 9
Mejor color de texto: #FFFFFF
WCAG 10.26:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--bracken-fern: #31453b;
--bracken-fern-rgb: 49 69 59;
--bracken-fern-oklch: oklch(0.37 0.031 162.7);
}
.element {
color: var(--bracken-fern);
background-color: hsl(150 17% 23%);
border-color: oklch(0.37 0.031 162.7);
}Tailwind CSS v4
@theme {
--color-bracken-fern: #31453b;
--color-bracken-fern-50: #eef8f3;
--color-bracken-fern-100: #dfebe5;
--color-bracken-fern-200: #c9d9d1;
--color-bracken-fern-300: #aabdb3;
--color-bracken-fern-400: #8fa499;
--color-bracken-fern-500: #748d80;
--color-bracken-fern-600: #63776d;
--color-bracken-fern-700: #4f5f57;
--color-bracken-fern-800: #39463f;
--color-bracken-fern-900: #27302b;
--color-bracken-fern-950: #151d19;
}SCSS
$bracken-fern: #31453b;
$bracken-fern-rgb: 49, 69, 59;
$bracken-fern-light: mix(#fff, $bracken-fern, 20%);
$bracken-fern-dark: mix(#000, $bracken-fern, 20%);
.element {
color: $bracken-fern;
box-shadow: 0 0 0 2px rgba($bracken-fern, 0.35);
}