最も近い色名 · #005D7D
#005D7D
最も近い色名: Saltwater Denim
#005D7D（rgb(0 93 125)、hsl(195 100% 25%)、oklch(0.448 0.09 230.5)）に最も近い色名はSaltwater Denimです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#005D7D
oklch(0.448 0.09 230.5)
カラー変換
- HEX
- #005d7d
- RGB
- rgb(0 93 125)
- HSL
- hsl(195 100% 25%)
- HWB
- hwb(195 0% 51%)
- OKLCH
- oklch(0.448 0.09 230.5)
- OKLab
- oklab(0.448 -0.057 -0.069)
- CIE Lab
- lab(36.16 -14.76 -25.13)
- LCH
- lch(36.16 29.14 239.6)
- CMYK
- cmyk(100% 26% 0% 51%)
ティント · シェード · トーン
ティント
- 2A6C8A
- 447C96
- 5C8CA3
- 739CB0
- 8AACBD
- A1BCCA
- B8CCD7
- CFDDE4
- E7EEF2
シェード
- 00506C
- 00435B
- 00374B
- 002A3B
- 001F2C
- 00141E
- 000A11
- 000305
- 000001
トーン
- 1C617E
- 2C657E
- 39687F
- 446C7F
- 4F6F7F
- 597380
- 637680
- 6D7980
- 777D80
カラーハーモニー
補色 +180°
- 005D7D
Saltwater Denim
- 7C4422
≈ Russet
類似色 -30° +30°
- 005D7D
Saltwater Denim
- 006166
≈ Beau Vert
- 375486
≈ Glimpse of Void
トライアド +120° +240°
- 005D7D
Saltwater Denim
- 793E5B
≈ Mulled Plum
- 585911
≈ Greensboro
スプリットコンプリメンタリー +150° +210°
- 005D7D
Saltwater Denim
- 7F3E3F
≈ Dozen Roses
- 6E4E07
≈ Antique Bronze
テトラード +90° +180° +270°
- 005D7D
Saltwater Denim
- 6B4373
≈ Palace Purple
- 7C4422
≈ Russet
- 37612F
≈ Gameboy Shade
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.33:1 · APCA Lc 85
Ag
Fail黒の上
WCAG 2.86:1 · APCA Lc 17
最適な文字色: #FFFFFF
WCAG 7.33:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--saltwater-denim: #005d7d;
--saltwater-denim-rgb: 0 93 125;
--saltwater-denim-oklch: oklch(0.448 0.09 230.5);
}
.element {
color: var(--saltwater-denim);
background-color: hsl(195 100% 25%);
border-color: oklch(0.448 0.09 230.5);
}Tailwind CSS v4
@theme {
--color-saltwater-denim: #005d7d;
--color-saltwater-denim-50: #ddfaff;
--color-saltwater-denim-100: #cbeeff;
--color-saltwater-denim-200: #afdcf5;
--color-saltwater-denim-300: #88c0de;
--color-saltwater-denim-400: #63a8ca;
--color-saltwater-denim-500: #3c91b6;
--color-saltwater-denim-600: #347a9a;
--color-saltwater-denim-700: #29627c;
--color-saltwater-denim-800: #1b485b;
--color-saltwater-denim-900: #123240;
--color-saltwater-denim-950: #041e29;
}SCSS
$saltwater-denim: #005d7d;
$saltwater-denim-rgb: 0, 93, 125;
$saltwater-denim-light: mix(#fff, $saltwater-denim, 20%);
$saltwater-denim-dark: mix(#000, $saltwater-denim, 20%);
.element {
color: $saltwater-denim;
box-shadow: 0 0 0 2px rgba($saltwater-denim, 0.35);
}