最も近い色名 · #761700
#761700
最も近い色名: Obscure Ogre
#761700（rgb(118 23 0)、hsl(12 100% 23%)、oklch(0.37 0.133 34.1)）に最も近い色名はObscure Ogreです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#761700
oklch(0.37 0.133 34.1)
カラー変換
- HEX
- #761700
- RGB
- rgb(118 23 0)
- HSL
- hsl(12 100% 23%)
- HWB
- hwb(12 0% 54%)
- OKLCH
- oklch(0.37 0.133 34.1)
- OKLab
- oklab(0.37 0.11 0.074)
- CIE Lab
- lab(25.7 40.41 37.98)
- LCH
- lch(25.7 55.45 43.2)
- CMYK
- cmyk(0% 81% 100% 54%)
ティント · シェード · トーン
ティント
- 86321F
- 954938
- A35F4F
- B17567
- BF8B7F
- CDA297
- DAB9B1
- E6D0CA
- F3E7E4
シェード
- 661200
- 560E00
- 470A00
- 380600
- 290400
- 1C0200
- 0F0100
- 050000
- 010000
トーン
- 792613
- 7B3222
- 7D3D2E
- 7F473A
- 805146
- 815B51
- 81645D
- 816D69
- 817774
カラーハーモニー
補色 +180°
- 761700
Obscure Ogre
- 004855
≈ Midnight Green
類似色 -30° +30°
- 761700
Obscure Ogre
- 731237
≈ Deep Claret
- 5E3400
≈ Chocolate Fantasies
トライアド +120° +240°
- 761700
Obscure Ogre
- 004D28
≈ Troll Green
- 2D3484
≈ Migol Blue
スプリットコンプリメンタリー +150° +210°
- 761700
Obscure Ogre
- 004B44
≈ Aqua Deep
- 00436C
≈ Indigo Dye
テトラード +90° +180° +270°
- 761700
Obscure Ogre
- 364700
≈ Garden Shadow
- 004855
≈ Midnight Green
- 502777
≈ Mystic Nights
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.09:1 · APCA Lc 94
Ag
Fail黒の上
WCAG 1.89:1 · APCA Lc 8
最適な文字色: #FFFFFF
WCAG 11.09:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--obscure-ogre: #761700;
--obscure-ogre-rgb: 118 23 0;
--obscure-ogre-oklch: oklch(0.37 0.133 34.1);
}
.element {
color: var(--obscure-ogre);
background-color: hsl(12 100% 23%);
border-color: oklch(0.37 0.133 34.1);
}Tailwind CSS v4
@theme {
--color-obscure-ogre: #761700;
--color-obscure-ogre-50: #ffe9db;
--color-obscure-ogre-100: #ffd9ca;
--color-obscure-ogre-200: #ffc1ad;
--color-obscure-ogre-300: #f39f88;
--color-obscure-ogre-400: #e17f69;
--color-obscure-ogre-500: #cf6047;
--color-obscure-ogre-600: #af523d;
--color-obscure-ogre-700: #8c4130;
--color-obscure-ogre-800: #692e24;
--color-obscure-ogre-900: #4a1f18;
--color-obscure-ogre-950: #300f09;
}SCSS
$obscure-ogre: #761700;
$obscure-ogre-rgb: 118, 23, 0;
$obscure-ogre-light: mix(#fff, $obscure-ogre, 20%);
$obscure-ogre-dark: mix(#000, $obscure-ogre, 20%);
.element {
color: $obscure-ogre;
box-shadow: 0 0 0 2px rgba($obscure-ogre, 0.35);
}