色名 · #2F484E
Dad’s Coupe
Dad’s Coupeは#2F484E：rgb(47 72 78)、hsl(192 25% 25%)、oklch(0.384 0.032 214.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Dad’s Coupe color name →
#2F484E
oklch(0.384 0.032 214.4)
カラー変換
- HEX
- #2f484e
- RGB
- rgb(47 72 78)
- HSL
- hsl(192 25% 25%)
- HWB
- hwb(192 18% 69%)
- OKLCH
- oklch(0.384 0.032 214.4)
- OKLab
- oklab(0.384 -0.027 -0.018)
- CIE Lab
- lab(28.75 -8.62 -6.83)
- LCH
- lch(28.75 11 218.4)
- CMYK
- cmyk(40% 8% 0% 69%)
ティント · シェード · トーン
ティント
- 42585E
- 55696E
- 687B7F
- 7D8C90
- 919FA2
- A6B1B4
- BCC4C6
- D2D7D9
- E8EBEC
シェード
- 273D43
- 203338
- 19292D
- 121F23
- 0C1619
- 060D0F
- 030607
- 010202
- 000000
トーン
- 374D53
- 3F5358
- 47585D
- 4F5E62
- 576367
- 5F696C
- 676F71
- 6F7476
- 787A7B
カラーハーモニー
補色 +180°
- 2F484E
Dad’s Coupe
- 533D38
≈ Horse Liver
類似色 -30° +30°
- 2F484E
Dad’s Coupe
- 2F4945
≈ Rich Grey Turquoise
- 354554
≈ Aristocratic Blue
トライアド +120° +240°
- 2F484E
Dad’s Coupe
- 4E3D4A
≈ Dark Energy
- 494330
≈ Vermilion Green
スプリットコンプリメンタリー +150° +210°
- 2F484E
Dad’s Coupe
- 533C41
≈ Charred Chocolate
- 504031
≈ Turtle
テトラード +90° +180° +270°
- 2F484E
Dad’s Coupe
- 473F52
≈ Jazlyn
- 533D38
≈ Horse Liver
- 404734
≈ Country House Green
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.73:1 · APCA Lc 93
Ag
Fail黒の上
WCAG 2.15:1 · APCA Lc 10
最適な文字色: #FFFFFF
WCAG 9.73:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--dad-s-coupe: #2f484e;
--dad-s-coupe-rgb: 47 72 78;
--dad-s-coupe-oklch: oklch(0.384 0.032 214.4);
}
.element {
color: var(--dad-s-coupe);
background-color: hsl(192 25% 25%);
border-color: oklch(0.384 0.032 214.4);
}Tailwind CSS v4
@theme {
--color-dad-s-coupe: #2f484e;
--color-dad-s-coupe-50: #ebf8fb;
--color-dad-s-coupe-100: #ddebef;
--color-dad-s-coupe-200: #c6d8dd;
--color-dad-s-coupe-300: #a6bcc2;
--color-dad-s-coupe-400: #8aa4aa;
--color-dad-s-coupe-500: #6e8c93;
--color-dad-s-coupe-600: #5e777d;
--color-dad-s-coupe-700: #4b5f64;
--color-dad-s-coupe-800: #364649;
--color-dad-s-coupe-900: #253033;
--color-dad-s-coupe-950: #131c1e;
}SCSS
$dad-s-coupe: #2f484e;
$dad-s-coupe-rgb: 47, 72, 78;
$dad-s-coupe-light: mix(#fff, $dad-s-coupe, 20%);
$dad-s-coupe-dark: mix(#000, $dad-s-coupe, 20%);
.element {
color: $dad-s-coupe;
box-shadow: 0 0 0 2px rgba($dad-s-coupe, 0.35);
}