最も近い色名 · #248F98
#248F98
最も近い色名: Turkish Jade
#248F98（rgb(36 143 152)、hsl(185 62% 37%)、oklch(0.596 0.093 203.5)）に最も近い色名はTurkish Jadeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#248F98
oklch(0.596 0.093 203.5)
カラー変換
- HEX
- #248f98
- RGB
- rgb(36 143 152)
- HSL
- hsl(185 62% 37%)
- HWB
- hwb(185 14% 40%)
- OKLCH
- oklch(0.596 0.093 203.5)
- OKLab
- oklab(0.596 -0.085 -0.037)
- CIE Lab
- lab(54.01 -27.94 -13.82)
- LCH
- lch(54.01 31.17 206.3)
- CMYK
- cmyk(76% 6% 0% 40%)
ティント · シェード · トーン
ティント
- 439AA2
- 5CA5AC
- 72B0B6
- 86BBC0
- 9BC6CB
- AFD2D5
- C3DDDF
- D7E8EA
- EBF4F4
シェード
- 1E7C84
- 186970
- 12575C
- 0C454A
- 073438
- 042427
- 021517
- 000708
- 000101
トーン
- 358E96
- 428C93
- 4D8B91
- 568A8F
- 5E888C
- 66878A
- 6D8587
- 748385
- 7A8282
カラーハーモニー
補色 +180°
- 248F98
Turkish Jade
- B06864
≈ Lasting Impression
類似色 -30° +30°
- 248F98
Turkish Jade
- 37917A
≈ Illuminating Emerald
- 3F88AE
≈ Underwater Moonlight
トライアド +120° +240°
- 248F98
Turkish Jade
- 9A6C9F
≈ Dark Lilac
- 9A7A38
≈ Persian Gold
スプリットコンプリメンタリー +150° +210°
- 248F98
Turkish Jade
- AA6783
≈ Cure All
- AA6F48
≈ Flickering Flame
テトラード +90° +180° +270°
- 248F98
Turkish Jade
- 8274B1
≈ Dahlia Purple
- B06864
≈ Lasting Impression
- 7F8540
≈ Majorca Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.84:1 · APCA Lc 66
Ag
AA黒の上
WCAG 5.45:1 · APCA Lc 36
最適な文字色: #000000
WCAG 5.45:1 (AA) · APCA Lc 36
Contrast pairs
コードスニペット
CSS
:root {
--turkish-jade: #248f98;
--turkish-jade-rgb: 36 143 152;
--turkish-jade-oklch: oklch(0.596 0.093 203.5);
}
.element {
color: var(--turkish-jade);
background-color: hsl(185 62% 37%);
border-color: oklch(0.596 0.093 203.5);
}Tailwind CSS v4
@theme {
--color-turkish-jade: #248f98;
--color-turkish-jade-50: #d8fdff;
--color-turkish-jade-100: #c5f1f7;
--color-turkish-jade-200: #a6e0e7;
--color-turkish-jade-300: #7cc5ce;
--color-turkish-jade-400: #52afb7;
--color-turkish-jade-500: #1698a2;
--color-turkish-jade-600: #198089;
--color-turkish-jade-700: #15676e;
--color-turkish-jade-800: #0c4c50;
--color-turkish-jade-900: #083537;
--color-turkish-jade-950: #002022;
}SCSS
$turkish-jade: #248f98;
$turkish-jade-rgb: 36, 143, 152;
$turkish-jade-light: mix(#fff, $turkish-jade, 20%);
$turkish-jade-dark: mix(#000, $turkish-jade, 20%);
.element {
color: $turkish-jade;
box-shadow: 0 0 0 2px rgba($turkish-jade, 0.35);
}