最も近い色名 · #0085AD
#0085AD
最も近い色名: Corfu Waters
#0085AD（rgb(0 133 173)、hsl(194 100% 34%)、oklch(0.576 0.112 228)）に最も近い色名はCorfu Watersです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#0085AD
oklch(0.576 0.112 228)
カラー変換
- HEX
- #0085ad
- RGB
- rgb(0 133 173)
- HSL
- hsl(194 100% 34%)
- HWB
- hwb(194 0% 32%)
- OKLCH
- oklch(0.576 0.112 228)
- OKLab
- oklab(0.576 -0.075 -0.084)
- CIE Lab
- lab(51.09 -20.21 -30.36)
- LCH
- lch(51.09 36.47 236.3)
- CMYK
- cmyk(100% 23% 0% 32%)
ティント · シェード · トーン
ティント
- 3491B5
- 509DBE
- 68A9C6
- 7FB6CE
- 95C2D7
- AACEDF
- BFDAE7
- D4E6EF
- EAF3F7
シェード
- 007396
- 00617F
- 00506A
- 004055
- 003041
- 00212D
- 00131B
- 00060B
- 000101
トーン
- 2585A9
- 3685A4
- 4384A0
- 4E849C
- 588497
- 618393
- 6A828E
- 718289
- 798185
カラーハーモニー
補色 +180°
- 0085AD
Corfu Waters
- AE6339
≈ Fudgesicle
類似色 -30° +30°
- 0085AD
Corfu Waters
- 008A8E
≈ India Blue
- 4E7ABB
≈ Ashton Blue
トライアド +120° +240°
- 0085AD
Corfu Waters
- A95C85
≈ Guppy Violet
- 807E1F
≈ Olive
スプリットコンプリメンタリー +150° +210°
- 0085AD
Corfu Waters
- B25B60
≈ Cinnamon Candle
- 9D7017
≈ Chamois Yellow
テトラード +90° +180° +270°
- 0085AD
Corfu Waters
- 9562A4
≈ Empire Violet
- AE6339
≈ Fudgesicle
- 568944
≈ The Legend of Green
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.23:1 · APCA Lc 69
Ag
AA黒の上
WCAG 4.95:1 · APCA Lc 33
最適な文字色: #000000
WCAG 4.95:1 (AA) · APCA Lc 33
Contrast pairs
コードスニペット
CSS
:root {
--corfu-waters: #0085ad;
--corfu-waters-rgb: 0 133 173;
--corfu-waters-oklch: oklch(0.576 0.112 228);
}
.element {
color: var(--corfu-waters);
background-color: hsl(194 100% 34%);
border-color: oklch(0.576 0.112 228);
}Tailwind CSS v4
@theme {
--color-corfu-waters: #0085ad;
--color-corfu-waters-50: #d5fcff;
--color-corfu-waters-100: #c2f0ff;
--color-corfu-waters-200: #a2defb;
--color-corfu-waters-300: #78c2e6;
--color-corfu-waters-400: #4aabd3;
--color-corfu-waters-500: #0093c0;
--color-corfu-waters-600: #037da2;
--color-corfu-waters-700: #066482;
--color-corfu-waters-800: #004a60;
--color-corfu-waters-900: #023343;
--color-corfu-waters-950: #001f2b;
}SCSS
$corfu-waters: #0085ad;
$corfu-waters-rgb: 0, 133, 173;
$corfu-waters-light: mix(#fff, $corfu-waters, 20%);
$corfu-waters-dark: mix(#000, $corfu-waters, 20%);
.element {
color: $corfu-waters;
box-shadow: 0 0 0 2px rgba($corfu-waters, 0.35);
}