이름 색상 · #74915F
Bland Celery
Bland Celery은(는) #74915F: rgb(116 145 95), hsl(95 21% 47%), oklch(0.621 0.079 132.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Bland Celery color name →
#74915F
oklch(0.621 0.079 132.8)
색상 변환
- HEX
- #74915f
- RGB
- rgb(116 145 95)
- HSL
- hsl(95 21% 47%)
- HWB
- hwb(95 37% 43%)
- OKLCH
- oklch(0.621 0.079 132.8)
- OKLab
- oklab(0.621 -0.054 0.058)
- CIE Lab
- lab(56.96 -17.72 23.11)
- LCH
- lch(56.96 29.12 127.5)
- CMYK
- cmyk(20% 0% 34% 43%)
틴트 · 셰이드 · 톤
틴트
- 819C6E
- 8EA67E
- 9CB18D
- AABC9D
- B7C7AD
- C5D2BD
- D4DDCD
- E2E8DE
- F0F4EE
셰이드
- 647D52
- 546A44
- 455838
- 37462C
- 293520
- 1B2515
- 0F150A
- 050703
- 010100
톤
- 758F63
- 778E66
- 788C6A
- 798A6D
- 7A8970
- 7B8774
- 7D8577
- 7E847A
- 7F827D
색 조화
보색 +180°
- 74915F
Bland Celery
- 9779A9
≈ Captivated
유사색 -30° +30°
- 74915F
Bland Celery
- 8F894F
≈ Warm Wetlands
- 579679
≈ Fake Fern
삼각 배색 +120° +240°
- 74915F
Bland Celery
- 6489B5
≈ Perfect Periwinkle
- B17379
≈ Vindaloo
분열 보색 +150° +210°
- 74915F
Bland Celery
- 7F81B5
≈ Murex
- A87393
≈ Teen Queen
사각 배색 +90° +180° +270°
- 74915F
Bland Celery
- 4B91A9
≈ Sora Sky
- 9779A9
≈ Captivated
- AF7760
≈ Tobey Rattan
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.52:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.95:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--bland-celery: #74915f;
--bland-celery-rgb: 116 145 95;
--bland-celery-oklch: oklch(0.621 0.079 132.8);
}
.element {
color: var(--bland-celery);
background-color: hsl(95 21% 47%);
border-color: oklch(0.621 0.079 132.8);
}Tailwind CSS v4
@theme {
--color-bland-celery: #74915f;
--color-bland-celery-50: #ecfbe4;
--color-bland-celery-100: #ddeed4;
--color-bland-celery-200: #c6dcbb;
--color-bland-celery-300: #a6c198;
--color-bland-celery-400: #8ca978;
--color-bland-celery-500: #72925a;
--color-bland-celery-600: #607b4d;
--color-bland-celery-700: #4d633d;
--color-bland-celery-800: #39482b;
--color-bland-celery-900: #27321d;
--color-bland-celery-950: #151e0d;
}SCSS
$bland-celery: #74915f;
$bland-celery-rgb: 116, 145, 95;
$bland-celery-light: mix(#fff, $bland-celery, 20%);
$bland-celery-dark: mix(#000, $bland-celery, 20%);
.element {
color: $bland-celery;
box-shadow: 0 0 0 2px rgba($bland-celery, 0.35);
}