色名 · #68B082
Elf Shoe
Elf Shoeは#68B082：rgb(104 176 130)、hsl(142 31% 55%)、oklch(0.697 0.1 154.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Elf Shoe color name →
#68B082
oklch(0.697 0.1 154.8)
カラー変換
- HEX
- #68b082
- RGB
- rgb(104 176 130)
- HSL
- hsl(142 31% 55%)
- HWB
- hwb(142 41% 31%)
- OKLCH
- oklch(0.697 0.1 154.8)
- OKLab
- oklab(0.697 -0.09 0.042)
- CIE Lab
- lab(66.18 -31.41 16.27)
- LCH
- lch(66.18 35.37 152.6)
- CMYK
- cmyk(41% 0% 26% 31%)
ティント · シェード · トーン
ティント
- 78B88E
- 87C09A
- 97C8A6
- A6D0B3
- B5D7BF
- C3DFCC
- D2E7D8
- E1EFE5
- F0F7F2
シェード
- 599970
- 4B825F
- 3E6C4E
- 30563E
- 24422F
- 182E20
- 0C1C12
- 040B06
- 000101
トーン
- 6CAB82
- 6FA682
- 72A282
- 759D82
- 779881
- 799381
- 7B8F81
- 7D8A81
- 7F8580
カラーハーモニー
補色 +180°
- 68B082
Elf Shoe
- C486B6
≈ Dragonflies
類似色 -30° +30°
- 68B082
Elf Shoe
- 8FA862
≈ Celuce
- 46B2A5
≈ Sacred Turquoise
トライアド +120° +240°
- 68B082
Elf Shoe
- 8B99DC
≈ Portage
- D48773
≈ Zanci
スプリットコンプリメンタリー +150° +210°
- 68B082
Elf Shoe
- AC8ED0
≈ Middy’s Purple
- D28395
≈ Speckled Easter Egg
テトラード +90° +180° +270°
- 68B082
Elf Shoe
- 66A4D7
≈ Water Spirit
- C486B6
≈ Dragonflies
- C89058
≈ Mid Tan
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.58:1 · APCA Lc 50
Ag
AAA黒の上
WCAG 8.12:1 · APCA Lc 52
最適な文字色: #000000
WCAG 8.12:1 (AAA) · APCA Lc 52
Contrast pairs
コードスニペット
CSS
:root {
--elf-shoe: #68b082;
--elf-shoe-rgb: 104 176 130;
--elf-shoe-oklch: oklch(0.697 0.1 154.8);
}
.element {
color: var(--elf-shoe);
background-color: hsl(142 31% 55%);
border-color: oklch(0.697 0.1 154.8);
}Tailwind CSS v4
@theme {
--color-elf-shoe: #68b082;
--color-elf-shoe-50: #dffeea;
--color-elf-shoe-100: #cef3db;
--color-elf-shoe-200: #b2e2c3;
--color-elf-shoe-300: #8dc7a3;
--color-elf-shoe-400: #6cb084;
--color-elf-shoe-500: #489968;
--color-elf-shoe-600: #3e8259;
--color-elf-shoe-700: #326847;
--color-elf-shoe-800: #244c31;
--color-elf-shoe-900: #183522;
--color-elf-shoe-950: #092011;
}SCSS
$elf-shoe: #68b082;
$elf-shoe-rgb: 104, 176, 130;
$elf-shoe-light: mix(#fff, $elf-shoe, 20%);
$elf-shoe-dark: mix(#000, $elf-shoe, 20%);
.element {
color: $elf-shoe;
box-shadow: 0 0 0 2px rgba($elf-shoe, 0.35);
}