色名 · #5DBDCB
Faded Jeans
Faded Jeansは#5DBDCB：rgb(93 189 203)、hsl(188 51% 58%)、oklch(0.746 0.092 208)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Faded Jeans color name →
#5DBDCB
oklch(0.746 0.092 208)
カラー変換
- HEX
- #5dbdcb
- RGB
- rgb(93 189 203)
- HSL
- hsl(188 51% 58%)
- HWB
- hwb(188 36% 20%)
- OKLCH
- oklch(0.746 0.092 208)
- OKLab
- oklab(0.746 -0.082 -0.043)
- CIE Lab
- lab(71.24 -26.59 -16.24)
- LCH
- lch(71.24 31.16 211.4)
- CMYK
- cmyk(54% 7% 0% 20%)
ティント · シェード · トーン
ティント
- 70C4D0
- 82CAD5
- 93D1DB
- A3D8E0
- B3DEE5
- C2E5EA
- D2EBEF
- E1F2F5
- F0F8FA
シェード
- 50A4B0
- 438C96
- 37747D
- 2A5D65
- 1F474D
- 143337
- 0A1F22
- 030D0F
- 000202
トーン
- 63B7C3
- 69B1BC
- 6DABB4
- 71A5AC
- 759EA5
- 78989D
- 7A9296
- 7D8C8F
- 7E8687
カラーハーモニー
補色 +180°
- 5DBDCB
Faded Jeans
- E1968C
≈ Strawberry Memory
類似色 -30° +30°
- 5DBDCB
Faded Jeans
- 65C0AC
≈ Blue Energy
- 72B5E0
≈ Life Force
トライアド +120° +240°
- 5DBDCB
Faded Jeans
- CD98CA
≈ Ineffable Magenta
- C5A966
≈ Wild Mustard Seed
スプリットコンプリメンタリー +150° +210°
- 5DBDCB
Faded Jeans
- DD94AC
≈ Foxy Pink
- D99E71
≈ Ochraceous Salmon
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.18:1 · APCA Lc 43
Ag
AAA黒の上
WCAG 9.60:1 · APCA Lc 59
最適な文字色: #000000
WCAG 9.60:1 (AAA) · APCA Lc 59
Contrast pairs
コードスニペット
CSS
:root {
--faded-jeans: #5dbdcb;
--faded-jeans-rgb: 93 189 203;
--faded-jeans-oklch: oklch(0.746 0.092 208);
}
.element {
color: var(--faded-jeans);
background-color: hsl(188 51% 58%);
border-color: oklch(0.746 0.092 208);
}Tailwind CSS v4
@theme {
--color-faded-jeans: #5dbdcb;
--color-faded-jeans-50: #d8fdff;
--color-faded-jeans-100: #c5f1f9;
--color-faded-jeans-200: #a6e0ea;
--color-faded-jeans-300: #7dc5d2;
--color-faded-jeans-400: #54aebb;
--color-faded-jeans-500: #1a97a6;
--color-faded-jeans-600: #1b808c;
--color-faded-jeans-700: #166670;
--color-faded-jeans-800: #0d4b52;
--color-faded-jeans-900: #083439;
--color-faded-jeans-950: #002023;
}SCSS
$faded-jeans: #5dbdcb;
$faded-jeans-rgb: 93, 189, 203;
$faded-jeans-light: mix(#fff, $faded-jeans, 20%);
$faded-jeans-dark: mix(#000, $faded-jeans, 20%);
.element {
color: $faded-jeans;
box-shadow: 0 0 0 2px rgba($faded-jeans, 0.35);
}