이름 색상 · #31453B
Bracken Fern
Bracken Fern은(는) #31453B: rgb(49 69 59), hsl(150 17% 23%), oklch(0.37 0.031 162.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Bracken Fern color name →
#31453B
oklch(0.37 0.031 162.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 43564C
- 56675E
- 697870
- 7D8A83
- 929D97
- A7B0AB
- BCC3BF
- D2D7D4
- E8EBE9
셰이드
- 293B32
- 223129
- 1A2721
- 131E19
- 0C1511
- 060C09
- 030504
- 010201
- 000000
톤
- 394B41
- 405048
- 48564F
- 505C56
- 58625C
- 606863
- 686E6A
- 707472
- 787A79
색 조화
보색 +180°
- 31453B
Bracken Fern
- 4C3944
≈ Royal Silk
유사색 -30° +30°
- 31453B
Bracken Fern
- 3A4333
≈ Sensaimidori Green
- 2C4544
≈ Westhaven
삼각 배색 +120° +240°
- 31453B
Bracken Fern
- 3D3E50
≈ Knighthood
- 4E3B33
≈ Button Eyes
분열 보색 +150° +210°
- 31453B
Bracken Fern
- 453B4C
≈ Plum Island
- 4F393B
≈ Dark Puce
사각 배색 +90° +180° +270°
- 31453B
Bracken Fern
- 344150
≈ Midnight Navy
- 4C3944
≈ Royal Silk
- 4A3D2E
≈ Simmered Seaweed
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.26:1 · APCA Lc 94
Ag
Fail검은색 위
WCAG 2.04:1 · APCA Lc 9
가장 좋은 글자색: #FFFFFF
WCAG 10.26:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
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);
}