色名 · #5E8B3D
Hidden Paradise
Hidden Paradiseは#5E8B3D：rgb(94 139 61)、hsl(95 39% 39%)、oklch(0.586 0.119 133.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Hidden Paradise color name →
#5E8B3D
oklch(0.586 0.119 133.7)
カラー変換
- HEX
- #5e8b3d
- RGB
- rgb(94 139 61)
- HSL
- hsl(95 39% 39%)
- HWB
- hwb(95 24% 45%)
- OKLCH
- oklch(0.586 0.119 133.7)
- OKLab
- oklab(0.586 -0.082 0.086)
- CIE Lab
- lab(53.26 -26.71 35.95)
- LCH
- lch(53.26 44.79 126.6)
- CMYK
- cmyk(32% 0% 56% 45%)
ティント · シェード · トーン
ティント
- 6D9651
- 7DA265
- 8CAD78
- 9CB98B
- ACC49E
- BCD0B1
- CDDCC4
- DDE7D7
- EEF3EB
シェード
- 517834
- 44662B
- 375422
- 2B431A
- 1F3212
- 14230A
- 0A1404
- 030701
- 000100
トーン
- 628A45
- 65894D
- 698854
- 6C875B
- 708662
- 738568
- 76846E
- 7A8374
- 7D817A
カラーハーモニー
補色 +180°
- 5E8B3D
Hidden Paradise
- 9565AD
≈ Empire Violet
類似色 -30° +30°
- 5E8B3D
Hidden Paradise
- 897F10
≈ Olive
- 189268
≈ Viridian
トライアド +120° +240°
- 5E8B3D
Hidden Paradise
- 457EC1
≈ Tufts Blue
- B75B67
≈ Pink Flame
スプリットコンプリメンタリー +150° +210°
- 5E8B3D
Hidden Paradise
- 7471C0
≈ Venus Violet
- AC5D8E
≈ Meadow Mauve
テトラード +90° +180° +270°
- 5E8B3D
Hidden Paradise
- 0089AC
≈ Corfu Waters
- 9565AD
≈ Empire Violet
- B5623D
≈ Caramel Dream
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.01:1 · APCA Lc 67
Ag
AA黒の上
WCAG 5.23:1 · APCA Lc 34
最適な文字色: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
コードスニペット
CSS
:root {
--hidden-paradise: #5e8b3d;
--hidden-paradise-rgb: 94 139 61;
--hidden-paradise-oklch: oklch(0.586 0.119 133.7);
}
.element {
color: var(--hidden-paradise);
background-color: hsl(95 39% 39%);
border-color: oklch(0.586 0.119 133.7);
}Tailwind CSS v4
@theme {
--color-hidden-paradise: #5e8b3d;
--color-hidden-paradise-50: #e6fedc;
--color-hidden-paradise-100: #d7f2ca;
--color-hidden-paradise-200: #bee0ae;
--color-hidden-paradise-300: #9cc688;
--color-hidden-paradise-400: #81ae63;
--color-hidden-paradise-500: #64973f;
--color-hidden-paradise-600: #558036;
--color-hidden-paradise-700: #44662b;
--color-hidden-paradise-800: #334b1c;
--color-hidden-paradise-900: #223412;
--color-hidden-paradise-950: #121f05;
}SCSS
$hidden-paradise: #5e8b3d;
$hidden-paradise-rgb: 94, 139, 61;
$hidden-paradise-light: mix(#fff, $hidden-paradise, 20%);
$hidden-paradise-dark: mix(#000, $hidden-paradise, 20%);
.element {
color: $hidden-paradise;
box-shadow: 0 0 0 2px rgba($hidden-paradise, 0.35);
}