이름 색상 · #69605A
Brood
Brood은(는) #69605A: rgb(105 96 90), hsl(24 8% 38%), oklch(0.496 0.015 56). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Brood color name →
#69605A
oklch(0.496 0.015 56)
색상 변환
- HEX
- #69605a
- RGB
- rgb(105 96 90)
- HSL
- hsl(24 8% 38%)
- HWB
- hwb(24 35% 59%)
- OKLCH
- oklch(0.496 0.015 56)
- OKLab
- oklab(0.496 0.008 0.012)
- CIE Lab
- lab(41.45 2.88 4.81)
- LCH
- lch(41.45 5.61 59.1)
- CMYK
- cmyk(0% 9% 14% 59%)
틴트 · 셰이드 · 톤
틴트
- 776F69
- 857D78
- 938D88
- A29C98
- B1ACA9
- C0BCB9
- D0CDCA
- DFDDDC
- EFEEED
셰이드
- 5A524D
- 4C4541
- 3E3835
- 312C29
- 24201E
- 181513
- 0C0A09
- 040303
- 000000
톤
- 6B635E
- 6E6661
- 706965
- 726D69
- 74706D
- 777371
- 797674
- 7B7978
- 7E7D7C
색 조화
보색 +180°
- 69605A
Brood
- 5A646A
≈ Calligraphy
유사색 -30° +30°
- 69605A
Brood
- 6A5F5E
≈ Moroccan Dusk
- 666259
≈ Braintree
삼각 배색 +120° +240°
- 69605A
Brood
- 5A6562
≈ Brooklyn
- 62606A
≈ Script Ink
분열 보색 +150° +210°
- 69605A
Brood
- 596566
≈ Brooklyn
- 5E626B
≈ Script Ink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.13:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.42:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.13:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--brood: #69605a;
--brood-rgb: 105 96 90;
--brood-oklch: oklch(0.496 0.015 56);
}
.element {
color: var(--brood);
background-color: hsl(24 8% 38%);
border-color: oklch(0.496 0.015 56);
}Tailwind CSS v4
@theme {
--color-brood: #69605a;
--color-brood-50: #f9f4f1;
--color-brood-100: #ece7e3;
--color-brood-200: #d9d3ce;
--color-brood-300: #beb6b0;
--color-brood-400: #a69c96;
--color-brood-500: #8e847d;
--color-brood-600: #78706a;
--color-brood-700: #605954;
--color-brood-800: #47413e;
--color-brood-900: #312d2a;
--color-brood-950: #1d1a18;
}SCSS
$brood: #69605a;
$brood-rgb: 105, 96, 90;
$brood-light: mix(#fff, $brood, 20%);
$brood-dark: mix(#000, $brood, 20%);
.element {
color: $brood;
box-shadow: 0 0 0 2px rgba($brood, 0.35);
}