最も近い色名 · #2D5407
#2D5407
最も近い色名: Deep Forestial Escapade
#2D5407（rgb(45 84 7)、hsl(90 85% 18%)、oklch(0.401 0.11 134)）に最も近い色名はDeep Forestial Escapadeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#2D5407
oklch(0.401 0.11 134)
カラー変換
- HEX
- #2d5407
- RGB
- rgb(45 84 7)
- HSL
- hsl(90 85% 18%)
- HWB
- hwb(90 3% 67%)
- OKLCH
- oklch(0.401 0.11 134)
- OKLab
- oklab(0.401 -0.077 0.079)
- CIE Lab
- lab(31.7 -24.4 35.56)
- LCH
- lch(31.7 43.13 124.5)
- CMYK
- cmyk(46% 0% 92% 67%)
ティント · シェード · トーン
ティント
- 406426
- 54743E
- 688555
- 7C966D
- 91A784
- A6B89C
- BCC9B4
- D2DBCC
- E8EDE6
シェード
- 264805
- 1F3C04
- 183102
- 112602
- 0B1B01
- 061100
- 020800
- 010200
- 000000
トーン
- 35591A
- 3E5D28
- 466234
- 4E663F
- 566B4A
- 5F6F55
- 677360
- 6F786B
- 787C75
カラーハーモニー
補色 +180°
- 2D5407
Deep Forestial Escapade
- 5D3371
≈ Lounge Violet
類似色 -30° +30°
- 2D5407
Deep Forestial Escapade
- 504A00
≈ Scorzonera Brown
- 00563B
≈ Sacramento State Green
トライアド +120° +240°
- 2D5407
Deep Forestial Escapade
- 144881
≈ Poster Blue
- 782936
≈ Amaranth Blossom
スプリットコンプリメンタリー +150° +210°
- 2D5407
Deep Forestial Escapade
- 423D80
≈ Sage Violet
- 6F2B56
≈ Ebizome Purple
テトラード +90° +180° +270°
- 2D5407
Deep Forestial Escapade
- 005066
≈ Hanada Blue
- 5D3371
≈ Lounge Violet
- 762F08
≈ Beer Glazed Bacon
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.81:1 · APCA Lc 90
Ag
Fail黒の上
WCAG 2.38:1 · APCA Lc 12
最適な文字色: #FFFFFF
WCAG 8.81:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--deep-forestial-escapade: #2d5407;
--deep-forestial-escapade-rgb: 45 84 7;
--deep-forestial-escapade-oklch: oklch(0.401 0.11 134);
}
.element {
color: var(--deep-forestial-escapade);
background-color: hsl(90 85% 18%);
border-color: oklch(0.401 0.11 134);
}Tailwind CSS v4
@theme {
--color-deep-forestial-escapade: #2d5407;
--color-deep-forestial-escapade-50: #e7fdde;
--color-deep-forestial-escapade-100: #d8f1cd;
--color-deep-forestial-escapade-200: #bfe0b1;
--color-deep-forestial-escapade-300: #9ec58c;
--color-deep-forestial-escapade-400: #83ad69;
--color-deep-forestial-escapade-500: #679646;
--color-deep-forestial-escapade-600: #577f3d;
--color-deep-forestial-escapade-700: #466530;
--color-deep-forestial-escapade-800: #344a20;
--color-deep-forestial-escapade-900: #233315;
--color-deep-forestial-escapade-950: #121f06;
}SCSS
$deep-forestial-escapade: #2d5407;
$deep-forestial-escapade-rgb: 45, 84, 7;
$deep-forestial-escapade-light: mix(#fff, $deep-forestial-escapade, 20%);
$deep-forestial-escapade-dark: mix(#000, $deep-forestial-escapade, 20%);
.element {
color: $deep-forestial-escapade;
box-shadow: 0 0 0 2px rgba($deep-forestial-escapade, 0.35);
}