最も近い色名 · #312A00
#312A00
最も近い色名: Secret Passage
#312A00（rgb(49 42 0)、hsl(51 100% 10%)、oklch(0.284 0.059 99.5)）に最も近い色名はSecret Passageです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#312A00
oklch(0.284 0.059 99.5)
カラー変換
- HEX
- #312a00
- RGB
- rgb(49 42 0)
- HSL
- hsl(51 100% 10%)
- HWB
- hwb(51 0% 81%)
- OKLCH
- oklch(0.284 0.059 99.5)
- OKLab
- oklab(0.284 -0.01 0.058)
- CIE Lab
- lab(17.19 -0.6 24.6)
- LCH
- lch(17.19 24.6 91.4)
- CMYK
- cmyk(0% 14% 100% 81%)
ティント · シェード · トーン
ティント
- 433C19
- 555031
- 686448
- 7C7860
- 918D79
- A6A393
- BBB9AD
- D2D0C8
- E8E7E3
シェード
- 292300
- 221C00
- 1A1600
- 131000
- 0C0A00
- 060500
- 030200
- 010100
- 000000
トーン
- 38320E
- 403A1C
- 474329
- 4F4B35
- 575441
- 5F5C4D
- 67655A
- 6F6E66
- 787773
カラーハーモニー
補色 +180°
- 312A00
Secret Passage
- 242646
≈ Fainting Light
類似色 -30° +30°
- 312A00
Secret Passage
- 3C2402
≈ Dark Ebony
- 202F0D
≈ Darkest Forest
トライアド +120° +240°
- 312A00
Secret Passage
- 00303B
≈ Artist Blue
- 3D1D33
≈ Jasmin Beauty
スプリットコンプリメンタリー +150° +210°
- 312A00
Secret Passage
- 102B46
≈ Midnight Ocean
- 332140
≈ Power Outage
テトラード +90° +180° +270°
- 312A00
Secret Passage
- 00312F
≈ Roof Tile Green
- 242646
≈ Fainting Light
- 421C23
≈ Warm Balaclavas Are Forever
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 14.36:1 · APCA Lc 101
Ag
Fail黒の上
WCAG 1.46:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 14.36:1 (AAA) · APCA Lc 101
Contrast pairs
コードスニペット
CSS
:root {
--secret-passage: #312a00;
--secret-passage-rgb: 49 42 0;
--secret-passage-oklch: oklch(0.284 0.059 99.5);
}
.element {
color: var(--secret-passage);
background-color: hsl(51 100% 10%);
border-color: oklch(0.284 0.059 99.5);
}Tailwind CSS v4
@theme {
--color-secret-passage: #312a00;
--color-secret-passage-50: #f8f6e3;
--color-secret-passage-100: #ece9d3;
--color-secret-passage-200: #d9d6b9;
--color-secret-passage-300: #bdb996;
--color-secret-passage-400: #a6a077;
--color-secret-passage-500: #8f8759;
--color-secret-passage-600: #79734c;
--color-secret-passage-700: #615c3c;
--color-secret-passage-800: #48432b;
--color-secret-passage-900: #322e1d;
--color-secret-passage-950: #1e1b0d;
}SCSS
$secret-passage: #312a00;
$secret-passage-rgb: 49, 42, 0;
$secret-passage-light: mix(#fff, $secret-passage, 20%);
$secret-passage-dark: mix(#000, $secret-passage, 20%);
.element {
color: $secret-passage;
box-shadow: 0 0 0 2px rgba($secret-passage, 0.35);
}