最も近い色名 · #599800
#599800
最も近い色名: Gecko’s Dream
#599800（rgb(89 152 0)、hsl(85 100% 30%)、oklch(0.613 0.172 132.6)）に最も近い色名はGecko’s Dreamです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#599800
oklch(0.613 0.172 132.6)
カラー変換
- HEX
- #599800
- RGB
- rgb(89 152 0)
- HSL
- hsl(85 100% 30%)
- HWB
- hwb(85 0% 40%)
- OKLCH
- oklch(0.613 0.172 132.6)
- OKLab
- oklab(0.613 -0.116 0.126)
- CIE Lab
- lab(56.81 -36.55 57.93)
- LCH
- lch(56.81 68.5 122.2)
- CMYK
- cmyk(41% 0% 100% 40%)
ティント · シェード · トーン
ティント
- 69A333
- 7AAD4E
- 8AB766
- 9AC27D
- ABCC93
- BBD6A8
- CCE1BE
- DDEBD3
- EEF5E9
シェード
- 4C8400
- 407000
- 345C00
- 284A00
- 1D3800
- 132700
- 091700
- 030800
- 000100
トーン
- 5E9623
- 629434
- 669242
- 6A904D
- 6E8D57
- 728B60
- 768868
- 798671
- 7D8378
カラーハーモニー
補色 +180°
- 599800
Gecko’s Dream
- A75FCC
≈ Ripe Lavander
類似色 -30° +30°
- 599800
Gecko’s Dream
- 938600
≈ Thicket Green
- 009C6C
≈ Jitterbug Jade
トライアド +120° +240°
- 599800
Gecko’s Dream
- 2085E7
≈ Blue Cola
- D64D67
≈ Cranberry Splash
スプリットコンプリメンタリー +150° +210°
- 599800
Gecko’s Dream
- 7871E6
≈ Hera Blue
- C6529F
≈ Rose Violet
テトラード +90° +180° +270°
- 599800
Gecko’s Dream
- 0092B5
≈ Cool Tide
- A75FCC
≈ Ripe Lavander
- D55819
≈ Tomato Bisque
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.54:1 · APCA Lc 63
Ag
AA黒の上
WCAG 5.91:1 · APCA Lc 39
最適な文字色: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
コードスニペット
CSS
:root {
--gecko-s-dream: #599800;
--gecko-s-dream-rgb: 89 152 0;
--gecko-s-dream-oklch: oklch(0.613 0.172 132.6);
}
.element {
color: var(--gecko-s-dream);
background-color: hsl(85 100% 30%);
border-color: oklch(0.613 0.172 132.6);
}Tailwind CSS v4
@theme {
--color-gecko-s-dream: #599800;
--color-gecko-s-dream-50: #e1ffcf;
--color-gecko-s-dream-100: #d0f5bb;
--color-gecko-s-dream-200: #b5e59a;
--color-gecko-s-dream-300: #91cb6e;
--color-gecko-s-dream-400: #75b33c;
--color-gecko-s-dream-500: #569c00;
--color-gecko-s-dream-600: #498400;
--color-gecko-s-dream-700: #3a6a00;
--color-gecko-s-dream-800: #2d4d00;
--color-gecko-s-dream-900: #1e3600;
--color-gecko-s-dream-950: #0e2100;
}SCSS
$gecko-s-dream: #599800;
$gecko-s-dream-rgb: 89, 152, 0;
$gecko-s-dream-light: mix(#fff, $gecko-s-dream, 20%);
$gecko-s-dream-dark: mix(#000, $gecko-s-dream, 20%);
.element {
color: $gecko-s-dream;
box-shadow: 0 0 0 2px rgba($gecko-s-dream, 0.35);
}