最も近い色名 · #0F568B
#0F568B
最も近い色名: Dark Denim
#0F568B（rgb(15 86 139)、hsl(206 81% 30%)、oklch(0.441 0.109 247.3)）に最も近い色名はDark Denimです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#0F568B
oklch(0.441 0.109 247.3)
カラー変換
- HEX
- #0f568b
- RGB
- rgb(15 86 139)
- HSL
- hsl(206 81% 30%)
- HWB
- hwb(206 6% 45%)
- OKLCH
- oklch(0.441 0.109 247.3)
- OKLab
- oklab(0.441 -0.042 -0.1)
- CIE Lab
- lab(34.69 -5.18 -35.94)
- LCH
- lch(34.69 36.31 261.8)
- CMYK
- cmyk(89% 38% 0% 45%)
ティント · シェード · トーン
ティント
- 2E6697
- 4677A3
- 5D87AE
- 7398BA
- 8AA8C6
- A1B9D1
- B8CBDD
- CFDCE8
- E7EDF4
シェード
- 0B4A78
- 083E66
- 053254
- 032743
- 021C32
- 011223
- 000814
- 000207
- 000001
トーン
- 215B8A
- 2F5F8A
- 3A6489
- 456888
- 4F6C87
- 597086
- 637485
- 6D7883
- 767C82
カラーハーモニー
補色 +180°
- 0F568B
Dark Denim
- 764600
≈ Flat Brown
類似色 -30° +30°
- 0F568B
Dark Denim
- 005D6F
≈ Brave New Teal
- 454B8E
≈ Merlin’s Robe
トライアド +120° +240°
- 0F568B
Dark Denim
- 833548
≈ Honey Chilli
- 425D0A
≈ Lustrian Undergrowth
スプリットコンプリメンタリー +150° +210°
- 0F568B
Dark Denim
- 843923
≈ Grill Master
- 615200
≈ Olive Brown
テトラード +90° +180° +270°
- 0F568B
Dark Denim
- 773868
≈ Ayame Iris
- 764600
≈ Flat Brown
- 00633B
≈ Fun Green
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.70:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.72:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.70:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
CSS
:root {
--dark-denim: #0f568b;
--dark-denim-rgb: 15 86 139;
--dark-denim-oklch: oklch(0.441 0.109 247.3);
}
.element {
color: var(--dark-denim);
background-color: hsl(206 81% 30%);
border-color: oklch(0.441 0.109 247.3);
}Tailwind CSS v4
@theme {
--color-dark-denim: #0f568b;
--color-dark-denim-50: #def9ff;
--color-dark-denim-100: #cdecff;
--color-dark-denim-200: #b1d9ff;
--color-dark-denim-300: #8cbced;
--color-dark-denim-400: #67a4db;
--color-dark-denim-500: #438bca;
--color-dark-denim-600: #3a76ab;
--color-dark-denim-700: #2e5f89;
--color-dark-denim-800: #1e4665;
--color-dark-denim-900: #133047;
--color-dark-denim-950: #051c2f;
}SCSS
$dark-denim: #0f568b;
$dark-denim-rgb: 15, 86, 139;
$dark-denim-light: mix(#fff, $dark-denim, 20%);
$dark-denim-dark: mix(#000, $dark-denim, 20%);
.element {
color: $dark-denim;
box-shadow: 0 0 0 2px rgba($dark-denim, 0.35);
}