이름 색상 · #7D7103
Sunlit Kelp Green
Sunlit Kelp Green은(는) #7D7103: rgb(125 113 3), hsl(54 95% 25%), oklch(0.543 0.113 102). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Sunlit Kelp Green color name →
#7D7103
oklch(0.543 0.113 102)
색상 변환
- HEX
- #7d7103
- RGB
- rgb(125 113 3)
- HSL
- hsl(54 95% 25%)
- HWB
- hwb(54 1% 51%)
- OKLCH
- oklch(0.543 0.113 102)
- OKLab
- oklab(0.543 -0.023 0.11)
- CIE Lab
- lab(47.5 -2.94 52.06)
- LCH
- lch(47.5 52.14 93.2)
- CMYK
- cmyk(0% 10% 98% 51%)
틴트 · 셰이드 · 톤
틴트
- 897F2E
- 958C48
- A29A60
- AEA877
- BBB78D
- C9C5A4
- D6D3BA
- E3E2D1
- F1F0E8
셰이드
- 6C6102
- 5B5202
- 4B4301
- 3B3501
- 2C2700
- 1E1A00
- 110E00
- 050400
- 010100
톤
- 7D7320
- 7D7530
- 7E763C
- 7E7848
- 7E7952
- 7E7B5C
- 7F7C65
- 7F7E6E
- 807F77
색 조화
보색 +180°
- 7D7103
Sunlit Kelp Green
- 6666AF
≈ Bellflower
유사색 -30° +30°
- 7D7103
Sunlit Kelp Green
- 97630B
≈ Raw Sienna
- 567D32
≈ Hot Pepper Green
삼각 배색 +120° +240°
- 7D7103
Sunlit Kelp Green
- 007C99
≈ Pacific Pleasure
- 9B5382
≈ Feminism
분열 보색 +150° +210°
- 7D7103
Sunlit Kelp Green
- 3972AF
≈ Athens
- 855B9F
≈ Sonic Plum
사각 배색 +90° +180° +270°
- 7D7103
Sunlit Kelp Green
- 00807D
≈ Belly Flop
- 6666AF
≈ Bellflower
- A6515E
≈ Rose Vale
대비 및 접근성
Ag
AA흰색 위
WCAG 4.95:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.23:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 4.95:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--sunlit-kelp-green: #7d7103;
--sunlit-kelp-green-rgb: 125 113 3;
--sunlit-kelp-green-oklch: oklch(0.543 0.113 102);
}
.element {
color: var(--sunlit-kelp-green);
background-color: hsl(54 95% 25%);
border-color: oklch(0.543 0.113 102);
}Tailwind CSS v4
@theme {
--color-sunlit-kelp-green: #7d7103;
--color-sunlit-kelp-green-50: #faf7d3;
--color-sunlit-kelp-green-100: #eeeabf;
--color-sunlit-kelp-green-200: #dcd79f;
--color-sunlit-kelp-green-300: #c1bb75;
--color-sunlit-kelp-green-400: #aca14c;
--color-sunlit-kelp-green-500: #958815;
--color-sunlit-kelp-green-600: #7e7317;
--color-sunlit-kelp-green-700: #655c13;
--color-sunlit-kelp-green-800: #4c430a;
--color-sunlit-kelp-green-900: #342e06;
--color-sunlit-kelp-green-950: #201b00;
}SCSS
$sunlit-kelp-green: #7d7103;
$sunlit-kelp-green-rgb: 125, 113, 3;
$sunlit-kelp-green-light: mix(#fff, $sunlit-kelp-green, 20%);
$sunlit-kelp-green-dark: mix(#000, $sunlit-kelp-green, 20%);
.element {
color: $sunlit-kelp-green;
box-shadow: 0 0 0 2px rgba($sunlit-kelp-green, 0.35);
}