色名 · #3B593A
Ficus
Ficusは#3B593A：rgb(59 89 58)、hsl(118 21% 29%)、oklch(0.431 0.062 143.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Ficus color name →
#3B593A
oklch(0.431 0.062 143.7)
カラー変換
- HEX
- #3b593a
- RGB
- rgb(59 89 58)
- HSL
- hsl(118 21% 29%)
- HWB
- hwb(118 23% 65%)
- OKLCH
- oklch(0.431 0.062 143.7)
- OKLab
- oklab(0.431 -0.05 0.036)
- CIE Lab
- lab(34.78 -16.88 14.32)
- LCH
- lch(34.78 22.14 139.7)
- CMYK
- cmyk(34% 0% 35% 65%)
ティント · シェード · トーン
ティント
- 4D684C
- 5F785E
- 728871
- 859884
- 98A997
- ACB9AB
- C0CAC0
- D5DCD4
- EAEDEA
シェード
- 324C31
- 294028
- 213420
- 192818
- 111D10
- 091309
- 040904
- 010301
- 000000
トーン
- 425D41
- 496148
- 50654F
- 576956
- 5D6D5D
- 647064
- 6B746B
- 727872
- 797C79
カラーハーモニー
補色 +180°
- 3B593A
Ficus
- 614463
≈ Pansy Petal
類似色 -30° +30°
- 3B593A
Ficus
- 50542B
≈ Private Green
- 265B4D
≈ Old Money
トライアド +120° +240°
- 3B593A
Ficus
- 3F5072
≈ Blue Flag
- 6E4240
≈ Old Coffee
スプリットコンプリメンタリー +150° +210°
- 3B593A
Ficus
- 52496F
≈ Harajuku Girl
- 6B4253
≈ Chilled Wine
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.84:1 · APCA Lc 87
Ag
Fail黒の上
WCAG 2.67:1 · APCA Lc 15
最適な文字色: #FFFFFF
WCAG 7.84:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--ficus: #3b593a;
--ficus-rgb: 59 89 58;
--ficus-oklch: oklch(0.431 0.062 143.7);
}
.element {
color: var(--ficus);
background-color: hsl(118 21% 29%);
border-color: oklch(0.431 0.062 143.7);
}Tailwind CSS v4
@theme {
--color-ficus: #3b593a;
--color-ficus-50: #ebfaeb;
--color-ficus-100: #dceedc;
--color-ficus-200: #c4dcc5;
--color-ficus-300: #a4c0a5;
--color-ficus-400: #89a888;
--color-ficus-500: #6e916c;
--color-ficus-600: #5d7b5c;
--color-ficus-700: #4a6249;
--color-ficus-800: #364834;
--color-ficus-900: #253223;
--color-ficus-950: #141e12;
}SCSS
$ficus: #3b593a;
$ficus-rgb: 59, 89, 58;
$ficus-light: mix(#fff, $ficus, 20%);
$ficus-dark: mix(#000, $ficus, 20%);
.element {
color: $ficus;
box-shadow: 0 0 0 2px rgba($ficus, 0.35);
}