最も近い色名 · #005263
#005263
最も近い色名: Plunge
#005263（rgb(0 82 99)、hsl(190 100% 19%)、oklch(0.405 0.073 218)）に最も近い色名はPlungeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#005263
oklch(0.405 0.073 218)
カラー変換
- HEX
- #005263
- RGB
- rgb(0 82 99)
- HSL
- hsl(190 100% 19%)
- HWB
- hwb(190 0% 61%)
- OKLCH
- oklch(0.405 0.073 218)
- OKLab
- oklab(0.405 -0.057 -0.045)
- CIE Lab
- lab(31.36 -17.25 -16.42)
- LCH
- lch(31.36 23.82 223.6)
- CMYK
- cmyk(100% 17% 0% 61%)
ティント · シェード · トーン
ティント
- 276272
- 407280
- 588390
- 6F949F
- 87A5AE
- 9EB7BE
- B6C8CE
- CEDADE
- E6EDEE
シェード
- 004655
- 003B47
- 002F3A
- 00252E
- 001A21
- 001116
- 00080B
- 000203
- 000000
トーン
- 195766
- 295B69
- 36606C
- 41656F
- 4C6972
- 576E75
- 617278
- 6C777A
- 767B7D
カラーハーモニー
補色 +180°
- 005263
Plunge
- 6A3A2B
≈ In Caffeine We Trust
類似色 -30° +30°
- 005263
Plunge
- 005550
≈ Cape Verde
- 264C6E
≈ Blue Tang
トライアド +120° +240°
- 005263
Plunge
- 623957
≈ Precious Jewels
- 544913
≈ Sugarloaf Brown
スプリットコンプリメンタリー +150° +210°
- 005263
Plunge
- 6A3741
≈ Chestnut Red
- 634118
≈ Pullman Brown
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.79:1 · APCA Lc 90
Ag
Fail黒の上
WCAG 2.38:1 · APCA Lc 13
最適な文字色: #FFFFFF
WCAG 8.79:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--plunge: #005263;
--plunge-rgb: 0 82 99;
--plunge-oklch: oklch(0.405 0.073 218);
}
.element {
color: var(--plunge);
background-color: hsl(190 100% 19%);
border-color: oklch(0.405 0.073 218);
}Tailwind CSS v4
@theme {
--color-plunge: #005263;
--color-plunge-50: #dffbff;
--color-plunge-100: #ceeef9;
--color-plunge-200: #b3dcea;
--color-plunge-300: #8ec1d1;
--color-plunge-400: #6ba9bb;
--color-plunge-500: #4792a6;
--color-plunge-600: #3d7b8c;
--color-plunge-700: #316371;
--color-plunge-800: #214952;
--color-plunge-900: #163239;
--color-plunge-950: #071e24;
}SCSS
$plunge: #005263;
$plunge-rgb: 0, 82, 99;
$plunge-light: mix(#fff, $plunge, 20%);
$plunge-dark: mix(#000, $plunge, 20%);
.element {
color: $plunge;
box-shadow: 0 0 0 2px rgba($plunge, 0.35);
}