最も近い色名 · #68B37A
#68B37A
最も近い色名: Frog Pond
#68B37A（rgb(104 179 122)、hsl(134 33% 55%)、oklch(0.703 0.112 150.4)）に最も近い色名はFrog Pondです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#68B37A
oklch(0.703 0.112 150.4)
カラー変換
- HEX
- #68b37a
- RGB
- rgb(104 179 122)
- HSL
- hsl(134 33% 55%)
- HWB
- hwb(134 41% 30%)
- OKLCH
- oklch(0.703 0.112 150.4)
- OKLab
- oklab(0.703 -0.098 0.056)
- CIE Lab
- lab(66.96 -33.8 21.6)
- LCH
- lch(66.96 40.12 147.4)
- CMYK
- cmyk(42% 0% 32% 30%)
ティント · シェード · トーン
ティント
- 78BB87
- 88C294
- 97CAA1
- A6D2AE
- B5D9BB
- C4E1C9
- D2E8D6
- E1F0E4
- F0F7F1
シェード
- 599B69
- 4B8459
- 3E6E49
- 30583A
- 24432B
- 182F1D
- 0C1D10
- 040C05
- 000101
トーン
- 6CAE7B
- 6FA97C
- 72A47D
- 759F7D
- 779A7E
- 79957E
- 7B8F7F
- 7D8A7F
- 7F8580
カラーハーモニー
補色 +180°
- 68B37A
Frog Pond
- C785C0
≈ Dragonflies
類似色 -30° +30°
- 68B37A
Frog Pond
- 96AA56
≈ Springtide Melodies
- 37B6A2
≈ Capture
トライアド +120° +240°
- 68B37A
Frog Pond
- 859BE6
≈ Portage
- DC8475
≈ New York Pink
スプリットコンプリメンタリー +150° +210°
- 68B37A
Frog Pond
- AA8FDB
≈ Middy’s Purple
- D8819C
≈ Primrose
テトラード +90° +180° +270°
- 68B37A
Frog Pond
- 57A8DE
≈ High Blue
- C785C0
≈ Dragonflies
- D28E53
≈ Honey Fungus
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.52:1 · APCA Lc 49
Ag
AAA黒の上
WCAG 8.31:1 · APCA Lc 53
最適な文字色: #000000
WCAG 8.31:1 (AAA) · APCA Lc 53
Contrast pairs
コードスニペット
CSS
:root {
--frog-pond: #68b37a;
--frog-pond-rgb: 104 179 122;
--frog-pond-oklch: oklch(0.703 0.112 150.4);
}
.element {
color: var(--frog-pond);
background-color: hsl(134 33% 55%);
border-color: oklch(0.703 0.112 150.4);
}Tailwind CSS v4
@theme {
--color-frog-pond: #68b37a;
--color-frog-pond-50: #deffe6;
--color-frog-pond-100: #cdf3d6;
--color-frog-pond-200: #b1e3bd;
--color-frog-pond-300: #8bc89c;
--color-frog-pond-400: #6bb17b;
--color-frog-pond-500: #469b5d;
--color-frog-pond-600: #3d8350;
--color-frog-pond-700: #30693f;
--color-frog-pond-800: #244d2c;
--color-frog-pond-900: #18351d;
--color-frog-pond-950: #08200d;
}SCSS
$frog-pond: #68b37a;
$frog-pond-rgb: 104, 179, 122;
$frog-pond-light: mix(#fff, $frog-pond, 20%);
$frog-pond-dark: mix(#000, $frog-pond, 20%);
.element {
color: $frog-pond;
box-shadow: 0 0 0 2px rgba($frog-pond, 0.35);
}