이름 색상 · #224634
Birōdo Green
Birōdo Green은(는) #224634: rgb(34 70 52), hsl(150 35% 20%), oklch(0.361 0.053 160.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Birōdo Green color name →
#224634
oklch(0.361 0.053 160.4)
색상 변환
- HEX
- #224634
- RGB
- rgb(34 70 52)
- HSL
- hsl(150 35% 20%)
- HWB
- hwb(150 13% 73%)
- OKLCH
- oklch(0.361 0.053 160.4)
- OKLab
- oklab(0.361 -0.05 0.018)
- CIE Lab
- lab(26.61 -17.35 6.7)
- LCH
- lch(26.61 18.59 158.9)
- CMYK
- cmyk(51% 0% 26% 73%)
틴트 · 셰이드 · 톤
틴트
- 375746
- 4B6858
- 60796B
- 758B7F
- 8B9E93
- A1B1A8
- B8C4BD
- CFD7D3
- E7EBE9
셰이드
- 1C3C2C
- 163224
- 11281C
- 0B1E15
- 07150E
- 030D07
- 010503
- 000201
- 000000
톤
- 2C4C3B
- 355142
- 3F574A
- 485D51
- 516359
- 5B6860
- 646E68
- 6D7470
- 777A78
색 조화
보색 +180°
- 224634
Birōdo Green
- 503246
≈ Loulou
유사색 -30° +30°
- 224634
Birōdo Green
- 344325
≈ Ceylanite
- 144644
≈ Cyprus
삼각 배색 +120° +240°
- 224634
Birōdo Green
- 383A59
≈ Magic Night
- 553428
≈ Wild Boar
분열 보색 +150° +210°
- 224634
Birōdo Green
- 463552
≈ Devil’s Plum
- 553137
≈ Joyful Ruby
사각 배색 +90° +180° +270°
- 224634
Birōdo Green
- 273F58
≈ Salty Dog
- 503246
≈ Loulou
- 4F381D
≈ Café Noir
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.53:1 · APCA Lc 94
Ag
Fail검은색 위
WCAG 1.99:1 · APCA Lc 8
가장 좋은 글자색: #FFFFFF
WCAG 10.53:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--birodo-green: #224634;
--birodo-green-rgb: 34 70 52;
--birodo-green-oklch: oklch(0.361 0.053 160.4);
}
.element {
color: var(--birodo-green);
background-color: hsl(150 35% 20%);
border-color: oklch(0.361 0.053 160.4);
}Tailwind CSS v4
@theme {
--color-birodo-green: #224634;
--color-birodo-green-50: #e9faf1;
--color-birodo-green-100: #d9eee3;
--color-birodo-green-200: #c1dcce;
--color-birodo-green-300: #a0c0af;
--color-birodo-green-400: #84a894;
--color-birodo-green-500: #67917a;
--color-birodo-green-600: #587b68;
--color-birodo-green-700: #466253;
--color-birodo-green-800: #33483c;
--color-birodo-green-900: #233229;
--color-birodo-green-950: #121e17;
}SCSS
$birodo-green: #224634;
$birodo-green-rgb: 34, 70, 52;
$birodo-green-light: mix(#fff, $birodo-green, 20%);
$birodo-green-dark: mix(#000, $birodo-green, 20%);
.element {
color: $birodo-green;
box-shadow: 0 0 0 2px rgba($birodo-green, 0.35);
}