最も近い色名 · #558B8B
#558B8B
最も近い色名: Paradiso
#558B8B（rgb(85 139 139)、hsl(180 24% 44%)、oklch(0.599 0.057 195.7)）に最も近い色名はParadisoです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#558B8B
oklch(0.599 0.057 195.7)
カラー変換
- HEX
- #558b8b
- RGB
- rgb(85 139 139)
- HSL
- hsl(180 24% 44%)
- HWB
- hwb(180 33% 45%)
- OKLCH
- oklch(0.599 0.057 195.7)
- OKLab
- oklab(0.599 -0.055 -0.016)
- CIE Lab
- lab(54.13 -18.66 -5.98)
- LCH
- lch(54.13 19.59 197.8)
- CMYK
- cmyk(39% 0% 0% 45%)
ティント · シェード · トーン
ティント
- 669696
- 77A1A1
- 88ADAC
- 98B8B8
- A9C4C3
- BACFCF
- CBDBDB
- DCE7E7
- EEF3F3
シェード
- 497878
- 3D6666
- 315454
- 264343
- 1C3232
- 112323
- 081414
- 020707
- 000101
トーン
- 5A8A8A
- 5F8989
- 648888
- 688787
- 6D8686
- 718584
- 758483
- 798282
- 7C8181
カラーハーモニー
補色 +180°
- 558B8B
Paradiso
- 9F7274
≈ Raw Edge
類似色 -30° +30°
- 558B8B
Paradiso
- 5F8B78
≈ Privet Hedge
- 5A889A
≈ Adriatic Blue
トライアド +120° +240°
- 558B8B
Paradiso
- 8E7698
≈ Sweet Potato Peel
- 947C59
≈ Tweed
スプリットコンプリメンタリー +150° +210°
- 558B8B
Paradiso
- 9A7287
≈ Artiste
- 9E7663
≈ Kurumizome Brown
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.85: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 {
--paradiso: #558b8b;
--paradiso-rgb: 85 139 139;
--paradiso-oklch: oklch(0.599 0.057 195.7);
}
.element {
color: var(--paradiso);
background-color: hsl(180 24% 44%);
border-color: oklch(0.599 0.057 195.7);
}Tailwind CSS v4
@theme {
--color-paradiso: #558b8b;
--color-paradiso-50: #e3fbfb;
--color-paradiso-100: #d3eeef;
--color-paradiso-200: #b9dcdd;
--color-paradiso-300: #96c1c2;
--color-paradiso-400: #76a9a9;
--color-paradiso-500: #569292;
--color-paradiso-600: #497c7c;
--color-paradiso-700: #3a6363;
--color-paradiso-800: #294948;
--color-paradiso-900: #1c3232;
--color-paradiso-950: #0c1e1e;
}SCSS
$paradiso: #558b8b;
$paradiso-rgb: 85, 139, 139;
$paradiso-light: mix(#fff, $paradiso, 20%);
$paradiso-dark: mix(#000, $paradiso, 20%);
.element {
color: $paradiso;
box-shadow: 0 0 0 2px rgba($paradiso, 0.35);
}