色名 · #6CB506
Leaf Sheep
Leaf Sheepは#6CB506：rgb(108 181 6)、hsl(85 94% 37%)、oklch(0.698 0.194 132.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Leaf Sheep color name →
#6CB506
oklch(0.698 0.194 132.5)
カラー変換
- HEX
- #6cb506
- RGB
- rgb(108 181 6)
- HSL
- hsl(85 94% 37%)
- HWB
- hwb(85 2% 29%)
- OKLCH
- oklch(0.698 0.194 132.5)
- OKLab
- oklab(0.698 -0.131 0.143)
- CIE Lab
- lab(66.88 -41.15 65.27)
- LCH
- lch(66.88 77.16 122.2)
- CMYK
- cmyk(40% 0% 97% 29%)
ティント · シェード · トーン
ティント
- 7BBD3A
- 8AC556
- 98CC6E
- A7D484
- B5DB99
- C4E3AE
- D3EAC2
- E1F1D7
- F0F8EB
シェード
- 5D9D04
- 4E8603
- 406F02
- 325901
- 254401
- 193000
- 0D1D00
- 040C00
- 000200
トーン
- 6FB02A
- 71AB3B
- 74A649
- 76A153
- 789B5D
- 7A9665
- 7C916C
- 7D8B73
- 7F867A
カラーハーモニー
補色 +180°
- 6CB506
Leaf Sheep
- C673F2
≈ Illicit Purple
類似色 -30° +30°
- 6CB506
Leaf Sheep
- B0A000
≈ Venom
- 00BA81
≈ Slime Girl
トライアド +120° +240°
- 6CB506
Leaf Sheep
- 48A1FF
≈ Blue Chaos
- FE5E7C
≈ Brink Pink
スプリットコンプリメンタリー +150° +210°
- 6CB506
Leaf Sheep
- 908DFF
≈ Lavender Blue Shadow
- EB64BE
≈ Crumbly Lipstick
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.54:1 · APCA Lc 50
Ag
AAA黒の上
WCAG 8.24:1 · APCA Lc 52
最適な文字色: #000000
WCAG 8.24:1 (AAA) · APCA Lc 52
Contrast pairs
コードスニペット
CSS
:root {
--leaf-sheep: #6cb506;
--leaf-sheep-rgb: 108 181 6;
--leaf-sheep-oklch: oklch(0.698 0.194 132.5);
}
.element {
color: var(--leaf-sheep);
background-color: hsl(85 94% 37%);
border-color: oklch(0.698 0.194 132.5);
}Tailwind CSS v4
@theme {
--color-leaf-sheep: #6cb506;
--color-leaf-sheep-50: #deffca;
--color-leaf-sheep-100: #cdf7b5;
--color-leaf-sheep-200: #b1e791;
--color-leaf-sheep-300: #8ccd62;
--color-leaf-sheep-400: #70b521;
--color-leaf-sheep-500: #4e9e00;
--color-leaf-sheep-600: #438500;
--color-leaf-sheep-700: #356b00;
--color-leaf-sheep-800: #294e00;
--color-leaf-sheep-900: #1c3600;
--color-leaf-sheep-950: #0c2100;
}SCSS
$leaf-sheep: #6cb506;
$leaf-sheep-rgb: 108, 181, 6;
$leaf-sheep-light: mix(#fff, $leaf-sheep, 20%);
$leaf-sheep-dark: mix(#000, $leaf-sheep, 20%);
.element {
color: $leaf-sheep;
box-shadow: 0 0 0 2px rgba($leaf-sheep, 0.35);
}