이름 색상 · #799781
Sea Radish
Sea Radish은(는) #799781: rgb(121 151 129), hsl(136 13% 53%), oklch(0.647 0.047 153.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Sea Radish color name →
#799781
oklch(0.647 0.047 153.2)
색상 변환
- HEX
- #799781
- RGB
- rgb(121 151 129)
- HSL
- hsl(136 13% 53%)
- HWB
- hwb(136 47% 41%)
- OKLCH
- oklch(0.647 0.047 153.2)
- OKLab
- oklab(0.647 -0.042 0.021)
- CIE Lab
- lab(59.68 -14.35 8.01)
- LCH
- lch(59.68 16.44 150.8)
- CMYK
- cmyk(20% 0% 15% 41%)
틴트 · 셰이드 · 톤
틴트
- 86A18D
- 93AB99
- A0B5A5
- ADC0B2
- BACABE
- C8D4CB
- D5DFD8
- E3EAE5
- F1F4F2
셰이드
- 68836F
- 586F5E
- 485C4E
- 39493E
- 2B372E
- 1D261F
- 101712
- 050806
- 010101
톤
- 7A9581
- 7B9281
- 7C9081
- 7C8E81
- 7D8C81
- 7E8981
- 7E8780
- 7F8580
- 7F8280
색 조화
보색 +180°
- 799781
Sea Radish
- A0849B
≈ Berry Bright
유사색 -30° +30°
- 799781
Sea Radish
- 899374
≈ Royal Oakleaf
- 6E9891
≈ Pale Verdigris
삼각 배색 +120° +240°
- 799781
Sea Radish
- 858DAC
≈ Non Skid Grey
- A9847C
≈ Hushed Auburn
분열 보색 +150° +210°
- 799781
Sea Radish
- 9488A6
≈ Antique Viola
- A8838B
≈ Natural Spring
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.20:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.55:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--sea-radish: #799781;
--sea-radish-rgb: 121 151 129;
--sea-radish-oklch: oklch(0.647 0.047 153.2);
}
.element {
color: var(--sea-radish);
background-color: hsl(136 13% 53%);
border-color: oklch(0.647 0.047 153.2);
}Tailwind CSS v4
@theme {
--color-sea-radish: #799781;
--color-sea-radish-50: #ebf9ef;
--color-sea-radish-100: #dcede1;
--color-sea-radish-200: #c5dbcc;
--color-sea-radish-300: #a5bfad;
--color-sea-radish-400: #8aa792;
--color-sea-radish-500: #6f9078;
--color-sea-radish-600: #5e7965;
--color-sea-radish-700: #4b6151;
--color-sea-radish-800: #37473a;
--color-sea-radish-900: #253128;
--color-sea-radish-950: #141d16;
}SCSS
$sea-radish: #799781;
$sea-radish-rgb: 121, 151, 129;
$sea-radish-light: mix(#fff, $sea-radish, 20%);
$sea-radish-dark: mix(#000, $sea-radish, 20%);
.element {
color: $sea-radish;
box-shadow: 0 0 0 2px rgba($sea-radish, 0.35);
}