最も近い色名 · #005D85
#005D85
最も近い色名: Whale’s Tale
#005D85（rgb(0 93 133)、hsl(198 100% 26%)、oklch(0.453 0.098 236.5)）に最も近い色名はWhale’s Taleです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#005D85
oklch(0.453 0.098 236.5)
カラー変換
- HEX
- #005d85
- RGB
- rgb(0 93 133)
- HSL
- hsl(198 100% 26%)
- HWB
- hwb(198 0% 48%)
- OKLCH
- oklch(0.453 0.098 236.5)
- OKLab
- oklab(0.453 -0.054 -0.082)
- CIE Lab
- lab(36.5 -12.17 -29.46)
- LCH
- lch(36.5 31.88 247.6)
- CMYK
- cmyk(100% 30% 0% 48%)
ティント · シェード · トーン
ティント
- 2A6C91
- 447C9D
- 5C8CA9
- 739CB6
- 8AACC2
- A1BCCE
- B8CDDA
- CFDDE6
- E7EEF3
シェード
- 005073
- 004361
- 003750
- 002A40
- 001F30
- 001421
- 000A13
- 000306
- 000001
トーン
- 1C6185
- 2C6585
- 396884
- 446C84
- 4F6F84
- 597383
- 637683
- 6D7A82
- 777D81
カラーハーモニー
補色 +180°
- 005D85
Whale’s Tale
- 7E4615
≈ Russet
類似色 -30° +30°
- 005D85
Whale’s Tale
- 00626B
≈ Turkish Aqua
- 3D538C
≈ Demon Blue
トライアド +120° +240°
- 005D85
Whale’s Tale
- 803C57
≈ Ancient Royal Banner
- 535C0C
≈ Greensboro
スプリットコンプリメンタリー +150° +210°
- 005D85
Whale’s Tale
- 843E38
≈ Kilauea Lava
- 6C5200
≈ Ayahuasca Vine
テトラード +90° +180° +270°
- 005D85
Whale’s Tale
- 724173
≈ Wood Violet
- 7E4615
≈ Russet
- 2C6433
≈ Gameboy Shade
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.23:1 · APCA Lc 85
Ag
Fail黒の上
WCAG 2.90:1 · APCA Lc 17
最適な文字色: #FFFFFF
WCAG 7.23:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--whale-s-tale: #005d85;
--whale-s-tale-rgb: 0 93 133;
--whale-s-tale-oklch: oklch(0.453 0.098 236.5);
}
.element {
color: var(--whale-s-tale);
background-color: hsl(198 100% 26%);
border-color: oklch(0.453 0.098 236.5);
}Tailwind CSS v4
@theme {
--color-whale-s-tale: #005d85;
--color-whale-s-tale-50: #dcfaff;
--color-whale-s-tale-100: #cbedff;
--color-whale-s-tale-200: #aedbfa;
--color-whale-s-tale-300: #88bfe4;
--color-whale-s-tale-400: #62a7d1;
--color-whale-s-tale-500: #3a8fbe;
--color-whale-s-tale-600: #3379a1;
--color-whale-s-tale-700: #286181;
--color-whale-s-tale-800: #1a485f;
--color-whale-s-tale-900: #113243;
--color-whale-s-tale-950: #031d2b;
}SCSS
$whale-s-tale: #005d85;
$whale-s-tale-rgb: 0, 93, 133;
$whale-s-tale-light: mix(#fff, $whale-s-tale, 20%);
$whale-s-tale-dark: mix(#000, $whale-s-tale, 20%);
.element {
color: $whale-s-tale;
box-shadow: 0 0 0 2px rgba($whale-s-tale, 0.35);
}