가장 가까운 이름 색상 · #2D5540
#2D5540
가장 가까운 이름 색상: Herbes de Provence
#2D5540(rgb(45 85 64), hsl(149 31% 25%), oklch(0.413 0.058 159.5))와 가장 가까운 이름 색상은 Herbes de Provence입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2D5540
oklch(0.413 0.058 159.5)
색상 변환
- HEX
- #2d5540
- RGB
- rgb(45 85 64)
- HSL
- hsl(149 31% 25%)
- HWB
- hwb(149 18% 67%)
- OKLCH
- oklch(0.413 0.058 159.5)
- OKLab
- oklab(0.413 -0.054 0.02)
- CIE Lab
- lab(32.72 -18.97 7.7)
- LCH
- lch(32.72 20.47 157.9)
- CMYK
- cmyk(47% 0% 25% 67%)
틴트 · 셰이드 · 톤
틴트
- 416551
- 557563
- 698575
- 7D9587
- 92A69A
- A7B8AE
- BCC9C1
- D2DBD6
- E8EDEA
셰이드
- 264936
- 1F3D2D
- 183124
- 11261B
- 0B1C13
- 06110B
- 020805
- 010201
- 000000
톤
- 365946
- 3F5E4C
- 476253
- 4F6659
- 576A5F
- 5F6F66
- 68736C
- 707773
- 787C79
색 조화
보색 +180°
- 2D5540
Herbes de Provence
- 603F55
≈ Mature Grape
유사색 -30° +30°
- 2D5540
Herbes de Provence
- 41522F
≈ Zen Garden Olive
- 1E5552
≈ Forbidden Forest
삼각 배색 +120° +240°
- 2D5540
Herbes de Provence
- 45486A
≈ Deepest Fig
- 664033
≈ Roasted Coffee
분열 보색 +150° +210°
- 2D5540
Herbes de Provence
- 554263
≈ When Blue Met Red
- 673E44
≈ Beetroot
사각 배색 +90° +180° +270°
- 2D5540
Herbes de Provence
- 324E6A
≈ Blueberry Pie
- 603F55
≈ Mature Grape
- 604527
≈ Brown Hen
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.45:1 · APCA Lc 89
Ag
Fail검은색 위
WCAG 2.48:1 · APCA Lc 13
가장 좋은 글자색: #FFFFFF
WCAG 8.45:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--herbes-de-provence: #2d5540;
--herbes-de-provence-rgb: 45 85 64;
--herbes-de-provence-oklch: oklch(0.413 0.058 159.5);
}
.element {
color: var(--herbes-de-provence);
background-color: hsl(149 31% 25%);
border-color: oklch(0.413 0.058 159.5);
}Tailwind CSS v4
@theme {
--color-herbes-de-provence: #2d5540;
--color-herbes-de-provence-50: #e7fbf0;
--color-herbes-de-provence-100: #d8eee2;
--color-herbes-de-provence-200: #bfdccc;
--color-herbes-de-provence-300: #9ec1ae;
--color-herbes-de-provence-400: #81a992;
--color-herbes-de-provence-500: #649279;
--color-herbes-de-provence-600: #557c66;
--color-herbes-de-provence-700: #446352;
--color-herbes-de-provence-800: #31493b;
--color-herbes-de-provence-900: #213228;
--color-herbes-de-provence-950: #111e16;
}SCSS
$herbes-de-provence: #2d5540;
$herbes-de-provence-rgb: 45, 85, 64;
$herbes-de-provence-light: mix(#fff, $herbes-de-provence, 20%);
$herbes-de-provence-dark: mix(#000, $herbes-de-provence, 20%);
.element {
color: $herbes-de-provence;
box-shadow: 0 0 0 2px rgba($herbes-de-provence, 0.35);
}