이름 색상 · #3D6C54
Toad King
Toad King은(는) #3D6C54: rgb(61 108 84), hsl(149 28% 33%), oklch(0.49 0.065 160.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Toad King color name →
#3D6C54
oklch(0.49 0.065 160.4)
색상 변환
- HEX
- #3d6c54
- RGB
- rgb(61 108 84)
- HSL
- hsl(149 28% 33%)
- HWB
- hwb(149 24% 58%)
- OKLCH
- oklch(0.49 0.065 160.4)
- OKLab
- oklab(0.49 -0.061 0.022)
- CIE Lab
- lab(41.73 -21.37 8.22)
- LCH
- lch(41.73 22.9 158.9)
- CMYK
- cmyk(44% 0% 22% 58%)
틴트 · 셰이드 · 톤
틴트
- 507A64
- 638874
- 759684
- 88A495
- 9BB3A6
- AFC2B7
- C2D1C8
- D6E0DA
- EBEFED
셰이드
- 345D48
- 2B4E3C
- 224031
- 1A3226
- 12251B
- 0A1911
- 040D08
- 010402
- 000000
톤
- 456E58
- 4C705D
- 537261
- 597465
- 60766A
- 67786E
- 6D7A73
- 737C77
- 7A7E7C
색 조화
보색 +180°
- 3D6C54
Toad King
- 7A526C
≈ Berry Conserve
유사색 -30° +30°
- 3D6C54
Toad King
- 546840
≈ Alfalfa Extract
- 2D6C69
≈ North Sea
삼각 배색 +120° +240°
- 3D6C54
Toad King
- 595C85
≈ Karmic Grape
- 805444
≈ Red Hook
분열 보색 +150° +210°
- 3D6C54
Toad King
- 6C567C
≈ Charoite Violet
- 815158
≈ Fine Burgundy
사각 배색 +90° +180° +270°
- 3D6C54
Toad King
- 446384
≈ Blue Ashes
- 7A526C
≈ Berry Conserve
- 785A36
≈ Shingle Fawn
대비 및 접근성
Ag
AA흰색 위
WCAG 6.04:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.47:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--toad-king: #3d6c54;
--toad-king-rgb: 61 108 84;
--toad-king-oklch: oklch(0.49 0.065 160.4);
}
.element {
color: var(--toad-king);
background-color: hsl(149 28% 33%);
border-color: oklch(0.49 0.065 160.4);
}Tailwind CSS v4
@theme {
--color-toad-king: #3d6c54;
--color-toad-king-50: #e6fbf0;
--color-toad-king-100: #d6efe1;
--color-toad-king-200: #bcddcc;
--color-toad-king-300: #9ac2ae;
--color-toad-king-400: #7dab92;
--color-toad-king-500: #5e9478;
--color-toad-king-600: #507d65;
--color-toad-king-700: #406451;
--color-toad-king-800: #2e493a;
--color-toad-king-900: #1f3328;
--color-toad-king-950: #0f1f16;
}SCSS
$toad-king: #3d6c54;
$toad-king-rgb: 61, 108, 84;
$toad-king-light: mix(#fff, $toad-king, 20%);
$toad-king-dark: mix(#000, $toad-king, 20%);
.element {
color: $toad-king;
box-shadow: 0 0 0 2px rgba($toad-king, 0.35);
}