最も近い色名 · #75CEBC
#75CEBC
最も近い色名: Jolly Jade
#75CEBC（rgb(117 206 188)、hsl(168 48% 63%)、oklch(0.79 0.09 179.3)）に最も近い色名はJolly Jadeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#75CEBC
oklch(0.79 0.09 179.3)
カラー変換
- HEX
- #75cebc
- RGB
- rgb(117 206 188)
- HSL
- hsl(168 48% 63%)
- HWB
- hwb(168 46% 19%)
- OKLCH
- oklch(0.79 0.09 179.3)
- OKLab
- oklab(0.79 -0.09 0.001)
- CIE Lab
- lab(76.83 -31.25 0.17)
- LCH
- lch(76.83 31.25 179.7)
- CMYK
- cmyk(43% 0% 9% 19%)
ティント · シェード · トーン
ティント
- 85D3C3
- 94D8C9
- A2DDD0
- B0E2D6
- BDE7DD
- CBECE4
- D8F1EB
- E5F5F1
- F2FAF8
シェード
- 65B3A3
- 55988B
- 467F73
- 37665D
- 294E47
- 1C3832
- 0F231F
- 050F0D
- 010202
トーン
- 78C6B6
- 7ABEB0
- 7CB6AA
- 7EAEA3
- 7FA79D
- 809F97
- 809792
- 808F8C
- 808886
カラーハーモニー
補色 +180°
- 75CEBC
Jolly Jade
- EBA3B9
≈ Rose Elegance
類似色 -30° +30°
- 75CEBC
Jolly Jade
- 91CB9B
≈ Frost Gum
- 6FCBDA
≈ Betsy
トライアド +120° +240°
- 75CEBC
Jolly Jade
- C3AEED
≈ Purple Sand
- E6AD80
≈ Melting Sunset
スプリットコンプリメンタリー +150° +210°
- 75CEBC
Jolly Jade
- DCA6D7
≈ Barely Bloomed
- EFA599
≈ Peach Tile
テトラード +90° +180° +270°
- 75CEBC
Jolly Jade
- A3B9F6
≈ Truesky Gloxym
- EBA3B9
≈ Rose Elegance
- D2B876
≈ Good as Gold
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.85:1 · APCA Lc 35
Ag
AAA黒の上
WCAG 11.31:1 · APCA Lc 68
最適な文字色: #000000
WCAG 11.31:1 (AAA) · APCA Lc 68
Contrast pairs
コードスニペット
CSS
:root {
--jolly-jade: #75cebc;
--jolly-jade-rgb: 117 206 188;
--jolly-jade-oklch: oklch(0.79 0.09 179.3);
}
.element {
color: var(--jolly-jade);
background-color: hsl(168 48% 63%);
border-color: oklch(0.79 0.09 179.3);
}Tailwind CSS v4
@theme {
--color-jolly-jade: #75cebc;
--color-jolly-jade-50: #dafef7;
--color-jolly-jade-100: #c8f2ea;
--color-jolly-jade-200: #aae1d6;
--color-jolly-jade-300: #82c7ba;
--color-jolly-jade-400: #5cb0a0;
--color-jolly-jade-500: #2e9a88;
--color-jolly-jade-600: #2a8273;
--color-jolly-jade-700: #21685c;
--color-jolly-jade-800: #174d42;
--color-jolly-jade-900: #0f352d;
--color-jolly-jade-950: #02201a;
}SCSS
$jolly-jade: #75cebc;
$jolly-jade-rgb: 117, 206, 188;
$jolly-jade-light: mix(#fff, $jolly-jade, 20%);
$jolly-jade-dark: mix(#000, $jolly-jade, 20%);
.element {
color: $jolly-jade;
box-shadow: 0 0 0 2px rgba($jolly-jade, 0.35);
}