最も近い色名 · #00199A
#00199A
最も近い色名: Royal
#00199A（rgb(0 25 154)、hsl(230 100% 30%)、oklch(0.331 0.201 264.2)）に最も近い色名はRoyalです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#00199A
oklch(0.331 0.201 264.2)
カラー変換
- HEX
- #00199a
- RGB
- rgb(0 25 154)
- HSL
- hsl(230 100% 30%)
- HWB
- hwb(230 0% 40%)
- OKLCH
- oklch(0.331 0.201 264.2)
- OKLab
- oklab(0.331 -0.02 -0.2)
- CIE Lab
- lab(18.61 37.24 -71.3)
- LCH
- lch(18.61 80.44 297.6)
- CMYK
- cmyk(100% 84% 0% 40%)
ティント · シェード · トーン
ティント
- 1138A6
- 2951B2
- 4268BD
- 5B7DC8
- 7493D2
- 8FA8DC
- AABEE5
- C6D3EE
- E2E9F7
シェード
- 001485
- 001071
- 000B5E
- 00074B
- 000439
- 000227
- 000117
- 000009
- 000001
トーン
- 072B99
- 143997
- 224496
- 2F4E94
- 3C5792
- 4A608F
- 57688C
- 657189
- 727885
カラーハーモニー
補色 +180°
- 00199A
Royal
- 463200
≈ Night in the Woods
類似色 -30° +30°
- 00199A
Royal
- 003B54
≈ Gibraltar Sea
- 410087
≈ Grim Purple
トライアド +120° +240°
- 00199A
Royal
- 6A000E
≈ Blood God
- 004208
≈ Hunter Green
スプリットコンプリメンタリー +150° +210°
- 00199A
Royal
- 552700
≈ Conker Brown
- 353900
≈ Dark Olive
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 13.07:1 · APCA Lc 98
Ag
Fail黒の上
WCAG 1.60:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 13.07:1 (AAA) · APCA Lc 98
Contrast pairs
コードスニペット
CSS
:root {
--royal: #00199a;
--royal-rgb: 0 25 154;
--royal-oklch: oklch(0.331 0.201 264.2);
}
.element {
color: var(--royal);
background-color: hsl(230 100% 30%);
border-color: oklch(0.331 0.201 264.2);
}Tailwind CSS v4
@theme {
--color-royal: #00199a;
--color-royal-50: #daf5ff;
--color-royal-100: #c9e7ff;
--color-royal-200: #acd2ff;
--color-royal-300: #87b2ff;
--color-royal-400: #6097ff;
--color-royal-500: #3f79ff;
--color-royal-600: #3667df;
--color-royal-700: #2a53b3;
--color-royal-800: #183d86;
--color-royal-900: #0f2a5f;
--color-royal-950: #031741;
}SCSS
$royal: #00199a;
$royal-rgb: 0, 25, 154;
$royal-light: mix(#fff, $royal, 20%);
$royal-dark: mix(#000, $royal, 20%);
.element {
color: $royal;
box-shadow: 0 0 0 2px rgba($royal, 0.35);
}